@charset "utf-8";
/* ------------------------------------------------- 
 * 公用样式表 
 * ------------------------------------------------- 
*/  
body{font-family:"微软雅黑","宋体"; font-size:14px; line-height: 1.28571; font-weight: 400; letter-spacing:-.1px; font-stretch:normal; font-style:normal;  color: rgba(255, 255, 255, 1); color: #3f3f3f;  background: rgba(255, 255, 255, 1); 
text-align:justify; -webkit-text-size-adjust:none; height:auto; 
-webkit-font-smoothing: subpixel-antialiased; /*chrome、safari*/
-moz-osx-font-smoothing: grayscale;/*firefox*/}
/** 定义HTML body **/

a{color:#333;transition:400ms ease all;}
a:focus {color: #333;outline: none;text-decoration: none;}
a:hover {color: #333;outline: none;text-decoration: none;transition:400ms ease all;}

/* == 翻页公用  ====================================================================================*/
.pageflip{width: 100%;overflow: hidden;text-align: center; margin: 20px 0px 0px 0px;}
.pageflip  a{color: #0b52b2;height: 34px;display: inline-block;overflow: hidden;line-height: 30px; padding: 0px 10px;border: 2px solid #0b52b2;border-radius: 5px;margin: 0px 5px;}
.pageflip  a:hover,.pageflip a.dq{background: #0b52b2;color: #fff;}
.pageflip  a i{display: block;line-height: 30px;height: 30px; }
@media (max-width:768px){
.pageflip{ margin: 5px 0px 0px 0px;}
.pageflip  a { font-size: 12px; height: 26px; line-height: 24px; border-width: 1px; padding: 0px 9px; border-radius: 3px; }
.pageflip  a i { line-height: 24px; height: 26px; }
}
/* == 翻页公用  ====================================================================================*/


@media (max-width:1600px){}
@media (max-width:1400px){}
@media (max-width:1200px){}
@media (max-width:1023px){}
@media (max-width:767px){}
/* == 全局  ======================================================================================================================================*/
.wrapper_full{margin: 0px auto; max-width: 100%; width: 100%; padding: 0 0px;}
.wrapper_box{margin: 0px auto; max-width: 1400px; width: 100%; position: relative; padding: 0 30px;}
.max1440{margin: 0px auto; max-width: 1360px; width: 100%; padding: 0 30px;}
.max1200{margin: 0px auto; max-width: 1200px; width: 100%; padding: 0 30px;}
@media (max-width:1440px){
	.wrapper_full{padding: 0px 0px;}
	.wrapper_box{padding: 0px 30px; }
}
@media (max-width:1280px){
	.wrapper_full{padding: 0px 0px;}
	.wrapper_box{padding: 0px 20px;}
	.max1440{padding: 0 20px;}
	.max1200{padding: 0 20px;}
}
@media (max-width:1023px){
	.wrapper_full{padding: 0px 0px;}
	.wrapper_box{padding: 0px 10px;}
	.max1440{padding: 0 10px;}
	.max1200{padding: 0 10px;}
}
@media (max-width:767px){
	.wrapper_full{padding: 0px 0px;}
	.wrapper_box{padding: 0px 10px; overflow: hidden;}
	.max1440{padding: 0 10px;}
	.max1200{padding: 0 10px;}
}
/* == 全局  ======================================================================================================================================*/



/** == 首页banner ======================================================================================================================================*/
.banner_box{ width: 100%; position: relative; padding-top: 0px;}
.swiper-ban.swiper-container{}
.swiper-ban.swiper-slide{ background: #000; width: 100%; height:auto;}
.swiper-ban a {display: block; width: 100%; height:100%; overflow: hidden; position: relative;}
.swiper-ban a .slide_full{width: 100%; height:100vh;/*^banner高度^*/ overflow: hidden; position: relative; background-repeat:no-repeat; background-position:center center; background-size:cover; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; -webkit-animation:scalex 10s linear infinite;animation:scalex 10s linear infinite;}
.swiper-ban a > img {position: absolute; left: 0 ; top: 0; width:100%; z-index: -1; }
.swiper-ban a .bg_hei{position: absolute; left: 0 ; top: 0; width:100%; height: 100%; z-index: -1; background:linear-gradient(-150deg,#071025,#2a4881 50%); opacity: 0.0;/*^banner上覆盖色^*/}

/** banner点点点 =====*/
.swiper-ban.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 20px;}
.swiper-ban .swiper-pagination-bullet{background: #fff; width: 10px; height:5px; border-radius:5px;  opacity: .9; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
.swiper-ban .swiper-pagination-bullet-active {background: #3c6bd7; width: 30px; }

/** banner箭头 =====*/
.swiper-ban .swiper-button-prev {left:30px; width: 50px; height: 50px; opacity:1; top: 50%;transition: all 0.5s ease-out;}
.swiper-ban .swiper-button-next {right:30px; width: 50px; height: 50px;opacity:1;top: 50%;transition: all 0.5s ease-out;}

.swiper-ban .swiper-button-prev {background-color:rgba(0,0,0,0.9);background-image:url(../images/left.png); background-repeat:no-repeat; background-position:center center; background-size:50%; text-align: center;border-radius:100%; }
.swiper-ban .swiper-button-next { background-color:rgba(0,0,0,0.9);background-image:url(../images/right.png); background-repeat:no-repeat; background-position:center center; background-size:50%; text-align: center;border-radius:100%; }
.swiper-ban .swiper-button-prev:hover{opacity: 0.8;left:40px;}
.swiper-ban .swiper-button-next:hover{opacity: 0.8;right:40px;}

.swiper-ban .swiper-button-prev.swiper-button-disabled{opacity:0.1;background-color:none;background-image:url(../images/left.png);}/*^到头^*/
.swiper-ban .swiper-button-next.swiper-button-disabled{opacity:0.1;background-color:none;background-image:url(../images/right.png);}/*^到头^*/

@media (max-width: 1366px) { 
.swiper-ban .swiper-button-prev {left:30px; width: 50px; height: 50px; opacity:1; top: 50%;transition: all 0.5s ease-out; display: none;}
.swiper-ban .swiper-button-next {right:30px; width: 50px; height: 50px;opacity:1;top: 50%;transition: all 0.5s ease-out; display: none;}
}
@media (max-width: 1023px) { 
.banner_box{ width: 100%; position: relative; padding-top: 0px;}
.swiper-ban a .slide_full{width: 100%; height:500px;}
}

@media (max-width: 767px) { 
.banner_box{ width: 100%; position: relative; padding-top: 30px;}
.swiper-ban a .slide_full{width: 100%; height:250px;}
.swiper-ban .swiper-button-prev {left:10px; width: 30px; height: 30px; opacity:1; top: 50%;transition: all 0.5s ease-out;}
.swiper-ban .swiper-button-next {right:10px; width: 30px; height: 30px;opacity:1;top: 50%;transition: all 0.5s ease-out;}
.swiper-ban .swiper-button-prev:hover{opacity: 0.8;left:20px;}
.swiper-ban .swiper-button-next:hover{opacity: 0.8;right:20px;}
}
/** == 首页banner ======================================================================================================================================*/



/** == 首页banner上文字 ======================================================================================================================================*/
.wenzi_main{ position:absolute; width: 100%; margin: 0px auto; padding: 0px 20px;  top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);  text-align:center; z-index: 1; text-shadow: 1px 1px 1px #333;filter:shadow(Color=#333,Direction=10,Strength=10);text-transform:uppercase;}
.ani-01 { height: auto; margin-bottom: 30px; color: #fff; font-size: 60px; font-weight: bold;}
.ani-02 { height: auto; margin-bottom: 10px; color: #fff; font-size: 40px; font-weight: 500;}
.ani-03 { height: auto; margin-bottom: 0px; color: #fff; font-size: 22px; font-family: DINEngschriftStd;}

.wenzi_main1{ position:absolute; width: 100%; text-align: left; margin: 0px auto; padding: 0px 20px;  top: 55%; -webkit-transform:translateY(-50%); transform:translateY(-50%);  z-index: 1; text-transform:uppercase;text-shadow: 1px 1px 1px #333;filter:shadow(Color=#333,Direction=10,Strength=10);}

.wenzi_main2{ position:absolute; width: 100%; text-align:right; margin: 0px auto; padding: 0px 20px;  top: 55%; -webkit-transform:translateY(-50%); transform:translateY(-50%);  z-index: 1; text-transform:uppercase;text-shadow: 1px 1px 1px #333;filter:shadow(Color=#333,Direction=10,Strength=10);}


@media (max-width: 1366px) {
.wenzi_main{ position:absolute; width: 100%; margin: 0px auto; padding: 0px 20px;  top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);  text-align:center; z-index: 1; text-shadow: 1px 1px 1px #333;filter:shadow(Color=#333,Direction=10,Strength=10);text-transform:uppercase;}
.ani-01 { height: auto; margin-bottom: 30px; color: #fff; font-size: 60px; font-weight: bold;}
.ani-02 { height: auto; margin-bottom: 10px; color: #fff; font-size: 40px; font-weight: 500;}
.ani-03 { height: auto; margin-bottom: 0px; color: #fff; font-size: 22px; font-family: DINEngschriftStd;}
.wenzi_main1{ position:absolute; width: 100%; text-align: left; margin: 0px auto; padding: 0px 20px;  top: 55%; -webkit-transform:translateY(-50%); transform:translateY(-50%);  z-index: 1; text-transform:uppercase;text-shadow: 1px 1px 1px #333;filter:shadow(Color=#333,Direction=10,Strength=10);}
.wenzi_main2{ position:absolute; width: 100%; text-align:right; margin: 0px auto; padding: 0px 20px;  top: 55%; -webkit-transform:translateY(-50%); transform:translateY(-50%);  z-index: 1; text-transform:uppercase;text-shadow: 1px 1px 1px #333;filter:shadow(Color=#333,Direction=10,Strength=10);}
}


@media (max-width: 1280px) {
}

@media (max-width: 1023px) { 
.wenzi_main{ position:absolute; width: 100%; margin: 0px auto; padding: 0px 20px;  top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);  text-align:center; z-index: 1; text-shadow: 1px 1px 1px #000;filter:shadow(Color=#000,Direction=10,Strength=10);text-transform:uppercase;}
.ani-01 { height: auto; margin-bottom: 10px; color: #fff; font-size:30px; font-weight: bold;}
.ani-02 { height: auto; margin-bottom: 10px; color: #fff; font-size: 20px; }
.ani-03 { height: auto; margin-bottom: 0px; color: #fff; font-size: 20px; font-family: DINEngschriftStd;}
}

@media (max-width: 767px) { 
.wenzi_main{ position:absolute; width: 100%; margin: 0px auto; padding: 0px 10px;  top: 60%; -webkit-transform:translateY(-50%); transform:translateY(-50%);  text-align:center; z-index: 1; text-shadow: 1px 1px 1px #000;filter:shadow(Color=#000,Direction=10,Strength=10);text-transform:uppercase;}
.ani-01 { height: auto; margin-bottom: 10px; color: #fff; font-size:0.8rem; font-weight: bold;}
.ani-02 { height: auto; margin-bottom: 10px; color: #fff; font-size: 0.5rem; font-weight: 500;}
.ani-03 { height: auto; margin-bottom: 0px; color: #fff; font-size: 0.3rem; font-weight: 500; font-family:  Arial, "sans-serif";}
.wenzi_main1{ position:absolute; width: 100%; text-align: left; margin: 0px auto; padding: 0px 10px;  top: 60%; -webkit-transform:translateY(-50%); transform:translateY(-50%);  z-index: 1; text-transform:uppercase;text-shadow: 1px 1px 1px #333;filter:shadow(Color=#333,Direction=10,Strength=10);}
.wenzi_main2{ position:absolute; width: 100%; text-align:right; margin: 0px auto; padding: 0px 10px;  top: 60%; -webkit-transform:translateY(-50%); transform:translateY(-50%);  z-index: 1; text-transform:uppercase;text-shadow: 1px 1px 1px #333;filter:shadow(Color=#333,Direction=10,Strength=10);}
}
/** == 首页banner上文字 ======================================================================================================================================*/



/** == pag_ban ====================================================================================*/
.pag_ban{position: relative;overflow: hidden;height: 550px; padding-top:150px; transition: all 0.5s ease-out;}
.pag_ban:before {content: ''; position: absolute; background-color: rgba(0, 0, 0, 0.1); height: 100%; width: 100%; top: 0;left: 0;}
.pag_ban .imgbg {height: 100%;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.pag_ban .imgbg img {display: none;}
.pag_ban .wrapper_box{height: 100%;}

.pag_ban_tit{color: #fff; text-align:left; position:absolute; left:auto; bottom: 0px; width:auto;  padding: 70px 160px 70px 60px;  margin: 0px auto;filter:shadow(Color=#000,Direction=10,Strength=10); background:rgba(0,71,166,0.7); }
.pag_ban_tit .tf30{ font-size: 45px; padding-bottom: 10px; }
.pag_ban_tit .tf16{ font-size: 26px; line-height: 30px;  position: relative; text-transform: uppercase;}
.pag_ban_tit .tf16:before{content: ''; position: absolute;top: 50%;left: 110%; height: 4px; width: 200px;  background-color: rgba(255, 255, 255, 0.5);}

@media (max-width:1366px){
.pag_ban{position: relative;height: 500px; overflow: hidden;}
.pag_ban_tit{color: #fff; text-align:left; position:absolute; left:auto; bottom: 0px; width:auto;  padding: 50px 100px 50px 50px;  margin: 0px auto;filter:shadow(Color=#000,Direction=10,Strength=10); background:rgba(0,71,166,0.7); }
.pag_ban_tit .tf30{ font-size: 45px; padding-bottom: 10px; }
.pag_ban_tit .tf16{ font-size: 26px; line-height: 30px;  position: relative; text-transform: uppercase;}
.pag_ban_tit .tf16:before{content: ''; position: absolute;top: 50%;left: 110%; height: 4px; width: 200px;  background-color: rgba(255, 255, 255, 0.5);}
}

@media (max-width:1200px){
.pag_ban{position: relative;height: 500px; overflow: hidden;}
.pag_ban_tit{color: #fff; text-align:left; position:absolute; left:auto; bottom: 0px; width:auto;  padding: 50px 100px 50px 50px;  margin: 0px auto;filter:shadow(Color=#000,Direction=10,Strength=10); background:rgba(0,71,166,0.7); }
.pag_ban_tit .tf30{ font-size: 35px; padding-bottom: 10px; }
.pag_ban_tit .tf16{ font-size: 18px; line-height: 30px;  position: relative; text-transform: uppercase;}
.pag_ban_tit .tf16:before{content: ''; position: absolute;top: 50%;left: 110%; height: 4px; width: 200px;  background-color: rgba(255, 255, 255, 0.5);}
}


@media (max-width:1023px){
.pag_ban{position: relative;height: 500px; overflow: hidden;padding-top:95px;}
}
@media (max-width:768px){
.pag_ban{position: relative;height: 200px; overflow: hidden;padding-top:2.8rem;}
.pag_ban_tit{color: #fff; text-align:left; position:absolute; left:auto; bottom: 0px; width:auto;  padding: 20px 70px 20px 20px;  margin: 0px auto;filter:shadow(Color=#000,Direction=10,Strength=10); background:rgba(0,71,166,0.7); }
.pag_ban_tit .tf30{ font-size: 0.8rem; padding-bottom: 0px; }
.pag_ban_tit .tf16{ font-size: 0.44rem; line-height:  0.44rem; position: relative; text-transform: uppercase;}
.pag_ban_tit .tf16:before{content: ''; position: absolute;top: 50%;left: 110%; height: 3px; width: 130px;  background-color: rgba(255, 255, 255, 0.5);}
}
/** == pag_ban ====================================================================================*/



/** pc_header header ========================================================================================================================*/
.pc_header{width: 100%; height: auto; position:absolute; top: 0px; left: 0px; z-index: 9999;  background-image:url(../images/top_bg.jpg);background-repeat:no-repeat; background-position:center top; background-size:auto;
padding: 0px 0px; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);transition: all 0.5s ease-out;}

.pc_header.top_fixedY{position: fixed; -webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);transition: all 0s ease-out; }
/** .pc_header.top_fixedY 固定顶部溢出 ======**/
.pc_header.top_fixed{-webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%);transition: all 0.5s ease-out;}
/** .pc_header.top_fixedY 滑出顶部显示 ======**/

.m_header{display: none;}
@media (max-width:992px){
.pc_header{display: none;}
.m_header{display:block;}
}

/** logo ========================================================================================================================*/
.pc_header .wrapper_box{height: 99px;color: #fff;}
.pc_header .logo{ float: left; height: 100%; display: -webkit-flex; /* Safari */display: flex;   -webkit-align-items: center; /* Safari 6.1+ */ align-items: center;}
.pc_header .logo a{float: left; display: block;}
.pc_header .logo a img{ max-width:auto; height: 60px;}

.top_c{ float: left; font-size: 30px; line-height: 99px; padding-left: 15%; font-weight: bold;}
.top_r{ float: right; line-height: 20px; padding-top: 10px;}
.top_r a{color: #fff;height: 20px; }
.top_r a:hover{color: #3c6bd7;}
.top_rico1{ background-image:url(../images/ico1.png);background-repeat:no-repeat; background-position:left center; padding-left: 30px; margin-right: 30px;  height: 20px; display:inline-table; vertical-align:baseline}
.top_rico2{ background-image:url(../images/ico2.png);background-repeat:no-repeat; background-position:left center; padding-left: 30px;  height: 20px; display: inline-block; vertical-align:baseline}

.top_r .erweimat{ width: 100px; font-size: 12px; text-align: center;}
.top_r .erweimat span{display: block;}
.top_r .erweimat img{width: 60px;}

@media (max-width:1200px){
.top_c{ float: left; font-size: 30px; line-height: 99px; padding-left: 10%; font-weight: bold;}
}




/** pc_nav 通用导航 ====================================================================================*/
.pc_nav .wrapper_box{height: 55px;color: #fff;}
.pc_nav {width:100%; margin: 0px auto; background: #fff; }
.pc_nav ul{ display: block;}
.pc_nav:after,.pc_nav > ul:after {content: "";display: block;clear: both;visibility: hidden; line-height: 0;height: 0;}
/*一级菜单*/
.pc_nav > ul > li.nav-one {float: left; width:14.2%; display: block; position: relative;-webkit-perspective: 85px; -moz-perspective: 85px; -ms-perspective: 85px; perspective: 85px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d;}
.pc_nav > ul > li.nav-one > a {color: #333333; padding: 0px 0px 0px 0px; font-size: 16px; font-weight: bold; position: relative; line-height: 55px; text-align: center; display: block; }
.pc_nav > ul > li.nav-one > a:after {content: "";display: block; clear: both; line-height: 0;height: 13px; width: 1px; background: #999; position: absolute; right: 0px; top: 40%;}
.pc_nav > ul > li.nav-one:last-child > a:after{background: none;}
.pc_nav > ul > li.nav-one:hover > a {background:#fff; color: #345fc8; }
.pc_nav > ul > li.nav-one > a.on{background: #fff;color: #345fc8;}
/*一级菜单*/
@media (max-width:1366px){
.pc_nav > ul > li.nav-one > a {color: #333333; padding: 0px 0px 0px 0px; font-size: 16px; font-weight: bold; position: relative; line-height: 55px; text-align: center; display: block; }
}


/*二级菜单*/
.pc_nav > ul > li.nav-one > ul.nav-two {opacity: 0; width: 100%;height: auto;top:auto;left: 0;padding-bottom: 0px; display: block;transition: all 0.3s ease-out; position: absolute;background: transparent;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;-webkit-transform-origin: 0px 0px;-moz-transform-origin: 0px 0px;-ms-transform-origin: 0px 0px;transform-origin: 0px 0px;-webkit-transform: rotateX(-60deg);-moz-transform: rotateX(-60deg);-ms-transform: rotateX(-60deg);transform: rotateX(-60deg);-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;}
.pc_nav > ul > li.nav-one:hover > ul.nav-two { opacity: 1; 
-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);transform: rotateX(0deg);box-shadow:0 10px 20px 2px rgba(0, 0, 0, .1)}

.pc_nav > ul > li.nav-one > ul.nav-two >li{height: 50px; transition: all 0.3s ease-out; position: relative;}
.pc_nav > ul > li.nav-one > ul.nav-two >li >a{background:rgba(255,255,255,0.95); font-size: 14px; font-weight: bold;color: #333; border-bottom: 1px solid #ccc; width:100%; height:50px;line-height: 50px;padding:0px 0px; text-align: center;display: block; text-decoration: none;transition: all 0.2s ease-out;}
.pc_nav > ul > li.nav-one > ul.nav-two >li:hover >a{ color: #fff; background: #345fc8;}
/*二级菜单*/


/*三级菜单*/
.pc_nav > ul > li.nav-one > ul.nav-two >li > ul.nav-three{margin-left: 100%;top: 0;position: absolute; left: 0px;}
.pc_nav > ul > li.nav-one > ul.nav-two >li:hover > ul.nav-three{left: auto; width: 100%;}
.pc_nav > ul > li.nav-one > ul.nav-two >li > ul.nav-three li{height: 0; width: 100%; display: block; transition: all 0s ease-out; position: relative; overflow: hidden;}
.pc_nav > ul > li.nav-one > ul.nav-two >li:hover > ul.nav-three li{height: 50px; overflow: hidden; transition: all 0.2s ease-out;}
.pc_nav > ul > li.nav-one > ul.nav-two >li > ul.nav-three >li >a{width:100%; height:50px; line-height: 50px;padding:0px 0px; text-align: center; background:#666;color: #eeeeee;  border-top: 1px solid #000;display: block; text-decoration: none; }
.pc_nav > ul > li.nav-one > ul.nav-two >li > ul.nav-three >li >a:hover{ color: #fff; background: #000;}
/*有三级菜单的小箭头*/
ul.nav-three::after {position: absolute; top: 25px; left: -20px;width: 4px; height: 4px; border-bottom: 1px solid #eee;border-right: 1px solid #eee; content: ""; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);-o-transform: rotate(-45deg); transform: rotate(-45deg);}
/*三级菜单*/
/** pc_nav ====================================================================================*/




/** m_nav 移动端菜单 ====================================================================================*/
.m_header{width: 100%;height:2.8rem;  background-image:url(../images/top_bg.jpg);background-repeat:no-repeat; background-position:center top; background-size:auto;   position: fixed; top: 0px; left:0px; right: 0px; z-index: 9999; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.0);transition: all 0.5s ease-out;}
.m_header .header-section{width:100%; height: 100%; overflow: hidden; }
.m_header .header-section .m_logo{height:100%; padding:0.6rem 0.6rem; float: left; overflow: hidden; }
.m_header .header-section .m_logo a{display: block; height: 100%;}
.m_header .header-section .m_logo a img{height:100%;}

.m_header .header-section .nav-icon{ position: absolute; right:0.8rem; top: 1rem; width:0.8rem;height:0.8rem; z-index:1000;font-size:0;text-align:right;cursor:pointer;}
.m_header .header-section .nav-icon i{width:100%;height:100%;position:absolute;left:0;top:0}
.m_header .header-section .nav-icon i span{display:inline-block;width:90%;height:2px;background-color:#fff;position:relative;border-radius:2px}
.m_header .header-section .nav-icon i:nth-of-type(1) span{top:20%}
.m_header .header-section .nav-icon i:nth-of-type(2) span{top:45%;width:60%}
.m_header .header-section .nav-icon i:nth-of-type(3) span{top:75%}

.mo_fixed{ background:rgba(0, 0, 0, 0.9);}
/*移动导航logo按钮*/

.m_header .m-navbar{ background-image:url(../images/3gtop_bg.jpg);background-repeat:no-repeat; background-position:center top; background-size:cover; opacity: 0.97;  position:fixed;width:100%;height:100%;z-index:9997;right:-100%;top:0;padding-bottom:.6rem;box-sizing:border-box;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);transition:all .4s cubic-bezier(.4,0,0,1);overflow-y:auto;-webkit-overflow-scrolling:touch;}

.m_header .m-navbar.open{right: 0px;}
.m-navbar .nav-closed{ height:2.8rem; position: relative;}
.m-navbar .nav-closed .m_logo{height:100%; padding:0.6rem 0.6rem; float: left; overflow: hidden; }
.m-navbar .nav-closed .m_logo a{display: block; height: 100%;}
.m-navbar .nav-closed .m_logo a img{height:100%;}

.m_header .nav-closed .nav-icon{ position: absolute; right:0.8rem; top: 1rem; width:0.8rem;height:0.8rem;  z-index:1000;font-size:0;text-align:right;cursor:pointer;}
.m_header .nav-closed .nav-icon i{width:100%;height:100%;position:absolute;left:0;top:0}
.m_header .nav-closed .nav-icon i span{display:inline-block;width:80%;height:2px;background-color:#fff;position:relative; }
.m_header .nav-closed .nav-icon i:nth-of-type(1) span{top:45%; right: 10%; transform:rotate(45deg);}
.m_header .nav-closed .nav-icon i:nth-of-type(2) span{top:45%; right: 10%;transform:rotate(-45deg);}
/*移动导航弹出信息*/


#navbar .m_navul{margin-top: 10%; width: 80%; margin-left: 10%;  text-transform:uppercase;}
#navbar .m_navul li{padding: 0 0.6rem;border-bottom: 0px solid rgba(255,255,255,0.1);transform: translateY(0);-webkit-transform: translateY(100%);transform: translateY(100%);transition: all .2s cubic-bezier(.5, 0, .2, 1) 0s;opacity: 0;}
#navbar.open .m_navul li{opacity: 1;-webkit-transform: translateY(0); transform: translateY(0);}
#navbar .m_navul li a{color: #fff;font-size: 0.6rem;height:auto;line-height: 1rem; padding: 0.4rem 0px; width: 100%;display: block;text-decoration: none;}
#navbar .m_navul li a i{float: right;line-height: 1rem;}
#navbar .m_navul li a span{font-size: 0.32rem; color:rgba(255,255,255,0.7);  }
#navbar .m_navul li a:hover{ color: #94a7dc;}
#navbar .m_navul li a:hover span{ color: #94a7dc;}

#navbar .m_navul li .dropdown_menu{display: none; border-top: 1px solid #94a7dc;padding:0.2rem 0px;}
#navbar .m_navul li.dropdown.active .dropdown_menu{display: block;}
#navbar .m_navul li .dropdown_menu a{display: block; color: #bdcefd; font-size: 0.48rem; line-height: 0.9rem;padding:0.2rem 0.5rem;box-sizing: border-box; }
#navbar .m_navul li .dropdown_menu a:last-child{border: none;}
#navbar .m_navul li .dropdown_menu a span{font-size: 0.32rem; color:rgba(189,206,253,0.7); }

#navbar .m_navul li:nth-child(1) {transition: all 0.2s ease-out;}
#navbar .m_navul li:nth-child(2) {transition: all 0.3s ease-out;}
#navbar .m_navul li:nth-child(3) {transition: all 0.4s ease-out;}
#navbar .m_navul li:nth-child(4) {transition: all 0.5s ease-out;}
#navbar .m_navul li:nth-child(5) {transition: all 0.6s ease-out;}
#navbar .m_navul li:nth-child(6) {transition: all 0.7s ease-out;}
#navbar .m_navul li:nth-child(7) {transition: all 0.8s ease-out;}
#navbar .m_navul li:nth-child(8) {transition: all 0.9s ease-out;}
#navbar .m_navul li:nth-child(9) {transition: all 1.0s ease-out;}

/** m_nav 移动端菜单 ====================================================================================*/


.index_num{ padding: 50px 0px; margin-left: -50px; margin-right: -50px; display: none;}
.item_num{width: 20%; margin: 0px 0%; float: left;  text-align: center; padding: 0px 0px;}
.item_num01{ font-size:50px; line-height: 1; font-weight: bold; color: #0b52b2; font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";}
.item_num01 span{font-size: 14px; color: #666; position: absolute;font-weight: 400;}
.item_num02{ color: #333; padding-top: 10px;}

@media (max-width:992px){
.index_num{ padding: 30px 0px 10px 0px; margin-left: -10px; margin-right: -10px; display: none;}
.item_num{width: 20%; margin: 0px 0%; float: left;  text-align: center; padding: 0px 0px;}
.item_num01{ font-size:20px; line-height: 1; font-weight: bold; color: #0b52b2; font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";}
.item_num01 span{font-size: 0.4rem;color: #666; position: absolute;font-weight: 400;}
.item_num02{ color: #333; padding-top: 10px;font-size: 0.36rem; }
}
/** index_num 数字滚动 ====================================================================================*/


.index_about{ background: #f9f9f9;background-image:url(../images/index_aboutbg.jpg);background-repeat:no-repeat; background-position:center center; background-size:cover; padding: 50px 0px 80px 0px;}
.index_aboutl{ float: left; width: 50%;}

.index_about_tit{ padding-bottom: 50px;}
.index_about_tit b{ color: #0b52b2; font-size: 48px; display: block;}
.index_about_tit span{ color: #999; font-size: 22px;}

.index_about_m{ font-size: 16px; color: #666; line-height: 1.8;}
.index_about_m1{ color: #333; font-weight: bold; padding-bottom: 30px;}

.index_abouta{ padding-top: 50px;}
.index_abouta a{ color: #333; font-size: 16px; font-weight: bold; width: 25%; height: 30px; line-height: 30px; float: left; padding-left: 35px; display: block;background-image:url(../images/index_abouta.png);background-repeat:no-repeat; background-position:left center; background-size:30px;}
.index_abouta a:hover{background-image:url(../images/index_aboutah.png); color: #ff0000;}


.index_aboutr{ float: left; width: 50%; padding-top: 30px; position: relative;}
.index_aboutr_img{ width: 80%; float: right; border: 10px solid #fff;box-shadow:0 0 25px rgba(0,0,0,0.20);}
.index_aboutr_img img{width: 100%;}
.index_aboutr_video{ border: 10px solid #fff; background: #fff; box-shadow:0 0 25px rgba(0,0,0,0.20); position: absolute; left: 10%; bottom: -80px; width: 60%;}
.index_aboutr_video iframe{ width: 100%; height:220px;}

@media (max-width:992px){
.index_about{ background: #f9f9f9;background-image:url(../images/index_aboutbg.jpg);background-repeat:no-repeat; background-position:center center; background-size:cover; padding: 20px 0px 20px 0px;}
.index_aboutl{ float: none; width: 100%;}

.index_about_tit{ padding-bottom: 20px; text-align: center;}
.index_about_tit b{ color: #0b52b2; font-size: 1rem; display: block;}
.index_about_tit span{ color: #999; font-size: 0.56rem;}

.index_about_m{ font-size: 0.56rem; color: #666; line-height: 1.6;}
.index_about_m1{ color: #333;  font-weight: bold; padding-bottom: 10px;}

.index_abouta{ padding-top: 20px;}
.index_abouta a{ color: #333; font-size: 0.64rem; font-weight: bold; width: 43%; margin-left: 7%; height: 35px; line-height: 35px; float: left; padding-left: 25px; display: block;background-image:url(../images/index_abouta.png);background-repeat:no-repeat; background-position:left center; background-size:20px;}
.index_abouta a:hover{background-image:url(../images/index_aboutah.png); color: #ff0000;}


.index_aboutr{ float: none; width: 100%; padding-top: 30px; position: relative;}
.index_aboutr_img{ width: 100%; float: none; border: 10px solid #fff;box-shadow:0 0 25px rgba(0,0,0,0.20);}
.index_aboutr_img img{width: 100%;}
.index_aboutr_video{ border: 10px solid #fff; background: #fff; box-shadow:0 0 25px rgba(0,0,0,0.20); position:relative; left: auto; bottom:auto; width: 100%;}
.index_aboutr_video iframe{ width: 100%; height:220px;}

}
/** index_about 首页关于 ====================================================================================*/



.index_jiejue{ position: relative;}
/* (轮播) */
.index_ll_sw01 { width: 100%; height:770px;}
.index_ll_sw01 a { display: block; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; }
.index_ll_sw01 a .div { width: 100%;position: absolute; top: 20%; left: 3%;  color: #fff; z-index: 2; }
.index_ll_sw01 a .div .h1 { font-size: 50px; font-weight: 400; margin-bottom: 35px; position: relative; }
.index_ll_sw01 a .div .h2 { font-size: 26px; line-height: 1; margin-bottom: 20px;  overflow: hidden; color: #fff; }
.index_ll_sw01 a .div .span{ display:inline-block; height: auto; width:auto; padding: 0px 20px; text-align: center; line-height: 40px; margin-bottom: 10px; color: #fff; font-size: 14px; border: 1px solid #fff;transition: all 0.5s ease-out;}
.index_ll_sw01 a .div .span:hover{ color:#fff; border: 1px solid  #fff;  padding: 0px 30px;background: rgba(11,82,178,0.9);}

/* (按钮) */
.index_jiejue_nav{width: 100%; height: 230px; position: absolute; bottom: 50px; left: 0;}
.index_ll_sw02 {}
.index_ll_sw02 .swiper-slide { height: 230px; padding: 30px; background: rgba(255,255,255,.8); color: #333333; cursor: pointer; text-align: left; font-size: 16px;  }
.index_ll_sw02 .swiper-slide:hover {  background: rgba(255,255,255,.9); }

.index_ll_sw02 .swiper-slide-thumb-active { background: rgba(11,82,178,0.9); color: #fff; }
.index_ll_sw02 .swiper-slide-thumb-active:hover { background: rgba(11,82,178,0.9); color: #fff; }
.index_ll_sw02 .swiper-slide .i1{ font-size: 24px; font-weight: 500; padding-left: 50px;}
.index_ll_sw02 .swiper-slide .i2{ font-size: 16px; font-weight: bold; height: 25px; line-height: 25px; overflow: hidden; margin:20px 0px 10px 0px;}
.index_ll_sw02 .swiper-slide .i3{ font-size: 12px; color: #666; height: 80px; line-height: 20px; overflow: hidden;}
 
.index_ll_sw02 .swiper-slide-thumb-active .i3{color: #ccc;}

.index_ll_sw02 .swiper-slide:nth-child(1) .i1{background-image:url(../images/icol1.png);background-repeat:no-repeat; background-position:left center; background-size:40px;}
.index_ll_sw02 .swiper-slide:nth-child(2) .i1{background-image:url(../images/icol2.png);background-repeat:no-repeat; background-position:left center; background-size:40px;}
.index_ll_sw02 .swiper-slide:nth-child(3) .i1{background-image:url(../images/icol3.png);background-repeat:no-repeat; background-position:left center; background-size:40px;}
.index_ll_sw02 .swiper-slide:nth-child(4) .i1{background-image:url(../images/icol4.png);background-repeat:no-repeat; background-position:left center; background-size:40px;}
.index_ll_sw02 .swiper-slide:nth-child(5) .i1{background-image:url(../images/icol5.png);background-repeat:no-repeat; background-position:left center; background-size:40px;}
.index_ll_sw02 .swiper-slide-thumb-active:nth-child(1) .i1{background-image:url(../images/icob1.png);background-repeat:no-repeat; background-position:left center; background-size:40px;}
.index_ll_sw02 .swiper-slide-thumb-active:nth-child(2) .i1{background-image:url(../images/icob2.png);background-repeat:no-repeat; background-position:left center; background-size:40px;}
.index_ll_sw02 .swiper-slide-thumb-active:nth-child(3) .i1{background-image:url(../images/icob3.png);background-repeat:no-repeat; background-position:left center; background-size:40px;}
.index_ll_sw02 .swiper-slide-thumb-active:nth-child(4) .i1{background-image:url(../images/icob4.png);background-repeat:no-repeat; background-position:left center; background-size:40px;}
.index_ll_sw02 .swiper-slide-thumb-active:nth-child(5) .i1{background-image:url(../images/icob5.png);background-repeat:no-repeat; background-position:left center; background-size:40px;}


@media (max-width:992px){
/* (轮播) */
.index_ll_sw01 { width: 100%; height:400px;}
.index_ll_sw01 a { display: block; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; }
.index_ll_sw01 a .div { width: 100%;position: absolute; top: 20%; left: 3%;  color: #fff; z-index: 2; }
.index_ll_sw01 a .div .h1 { font-size: 30px; font-weight: 400; margin-bottom: 15px; position: relative; }
.index_ll_sw01 a .div .h2 { font-size: 16px; line-height: 1; margin-bottom: 20px;  overflow: hidden; color: #fff; }
.index_ll_sw01 a .div .span{ display:inline-block; height: auto; width:auto; padding: 0px 20px; text-align: center; line-height: 30px; margin-bottom: 10px; color: #0b52b2; font-size: 12px; border: 1px solid #fff;transition: all 0.5s ease-out;background:rgba(255,255,255,0.7);}
.index_ll_sw01 a .div .span:hover{ color:#fff; border: 1px solid  #fff;  padding: 0px 30px;background: rgba(11,82,178,0.9);}

/* (按钮) */
.index_jiejue_nav{width: 100%; height: 80px; position: absolute; bottom: 40px; left: 0;}
.index_ll_sw02 {}
.index_ll_sw02 .swiper-slide { height: 80px; padding: 10px; background: rgba(255,255,255,.8); color: #333333; cursor: pointer; text-align: left; font-size: 16px;  }
.index_ll_sw02 .swiper-slide:hover {  background: rgba(255,255,255,.9); }

.index_ll_sw02 .swiper-slide-thumb-active { background: rgba(11,82,178,0.9); color: #fff; }
.index_ll_sw02 .swiper-slide-thumb-active:hover { background: rgba(11,82,178,0.9); color: #fff; }
.index_ll_sw02 .swiper-slide .i1{ font-size: 12px; font-weight: 500; text-align: center; padding-left: 0px; padding-top: 40px;}
.index_ll_sw02 .swiper-slide .i2{ font-size: 16px; font-weight: bold; height: 25px; line-height: 25px; overflow: hidden; margin:20px 0px 10px 0px; display: none;}
.index_ll_sw02 .swiper-slide .i3{ font-size: 12px; color: #666; height: 80px; line-height: 20px; overflow: hidden;display: none;}
 
.index_ll_sw02 .swiper-slide-thumb-active .i3{color: #ccc;}

.index_ll_sw02 .swiper-slide:nth-child(1) .i1{background-image:url(../images/icol1.png);background-repeat:no-repeat; background-position:center top; background-size:30px;}
.index_ll_sw02 .swiper-slide:nth-child(2) .i1{background-image:url(../images/icol2.png);background-repeat:no-repeat; background-position:center top; background-size:30px;}
.index_ll_sw02 .swiper-slide:nth-child(3) .i1{background-image:url(../images/icol3.png);background-repeat:no-repeat; background-position:center top; background-size:30px;}
.index_ll_sw02 .swiper-slide:nth-child(4) .i1{background-image:url(../images/icol4.png);background-repeat:no-repeat; background-position:center top; background-size:30px;}
.index_ll_sw02 .swiper-slide:nth-child(5) .i1{background-image:url(../images/icol5.png);background-repeat:no-repeat; background-position:center top; background-size:30px;}
.index_ll_sw02 .swiper-slide-thumb-active:nth-child(1) .i1{background-image:url(../images/icob1.png);background-repeat:no-repeat; background-position:center top; background-size:30px;}
.index_ll_sw02 .swiper-slide-thumb-active:nth-child(2) .i1{background-image:url(../images/icob2.png);background-repeat:no-repeat; background-position:center top; background-size:30px;}
.index_ll_sw02 .swiper-slide-thumb-active:nth-child(3) .i1{background-image:url(../images/icob3.png);background-repeat:no-repeat; background-position:center top; background-size:30px;}
.index_ll_sw02 .swiper-slide-thumb-active:nth-child(4) .i1{background-image:url(../images/icob4.png);background-repeat:no-repeat; background-position:center top; background-size:30px;}
.index_ll_sw02 .swiper-slide-thumb-active:nth-child(5) .i1{background-image:url(../images/icob5.png);background-repeat:no-repeat; background-position:center top; background-size:30px;}

}
/** index_jiejue 首页产品分类 ====================================================================================*/



.index_keyan{ padding-top: 80px; padding-bottom: 50px;}

.index_tit{ padding-bottom: 30px;}
.index_tit b{ color: #0b52b2; font-size: 48px; display: block; font-weight:bolder;}
.index_tit span{ color: #999; font-size: 22px;text-transform: uppercase;}

.ky_box{ margin-left: -20px; margin-right: -20px;}
a.ky_item{ display: block; width: 33.3333%; float: left; padding: 0px 20px;}
a.ky_item .imgzoom{padding-bottom: 60%; width: 100%; position: relative; overflow: hidden; }
a.ky_item .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
a.ky_item:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

a.ky_item .txt{padding: 20px 0px;  width: 100%;  text-align: left;transition: all 0.5s ease-out;}
a.ky_item .txt .t{ font-size: 20px; color: #333; font-weight: 600; height: 20px; line-height: 20px; overflow: hidden;}
a.ky_item .txt .p{ font-size: 14px; color:#777; margin-top: 15px; height: 50px; line-height: 25px; overflow: hidden; }
a.ky_item .txt .d{font-size: 12px;color:#777;border-top: 1px solid #dddddd; margin-top: 10px; padding-top: 5px; line-height: 20px; position: relative;}
a.ky_item .txt .d:before{content: " ";display: block; position: absolute; top: 0px; left: 0px;  width: 13%; height: 1px; background: #0b52b2; transition: all 0.5s ease-out;}
a.ky_item:hover .txt{}
a.ky_item:hover .txt .t,a.ky_item:hover .txt .d{color: #0b52b2;}
a.ky_item:hover .txt .p{color: #666;}
a.ky_item:hover .txt .d:before{content: " ";display: block; position: absolute;width: 100%; height: 1px; background: #0b52b2; }

.keyan_xian{height: 50px; width: 100%;}


@media (max-width:992px){
.index_keyan{ padding-top: 30px; padding-bottom: 30px;}

.index_tit{ padding-bottom: 20px; text-align: center;}
.index_tit b{ color: #0b52b2; font-size: 1rem; display: block; font-weight:bolder;}
.index_tit span{ color: #999; font-size: 0.56rem;text-transform: uppercase;}

.ky_box{ margin-left: -10px; margin-right: -10px;}
a.ky_item{ display: block; width: 100%; float: left; padding: 0px 10px;}
a.ky_item .imgzoom{padding-bottom: 60%; width: 100%; position: relative; overflow: hidden; }
a.ky_item .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
a.ky_item:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

a.ky_item .txt{padding: 10px 0px;  width: 100%;  text-align: left;transition: all 0.5s ease-out;}
a.ky_item .txt .t{ font-size: 0.64rem; color: #333; font-weight: 600; height: 20px; line-height: 20px; overflow: hidden;}
a.ky_item .txt .p{ font-size: 0.48rem; color:#777; margin-top: 10px; height: 40px; line-height: 20px; overflow: hidden; }
a.ky_item .txt .d{font-size: 12px;color:#777;border-top: 1px solid #dddddd; margin-top: 10px; padding-top: 5px; line-height: 20px; position: relative;}
a.ky_item .txt .d:before{content: " ";display: block; position: absolute; top: 0px; left: 0px;  width: 13%; height: 1px; background: #0b52b2; transition: all 0.5s ease-out;}
a.ky_item:hover .txt{}
a.ky_item:hover .txt .t,a.ky_item:hover .txt .d{color: #0b52b2;}
a.ky_item:hover .txt .p{color: #666;}
a.ky_item:hover .txt .d:before{content: " ";display: block; position: absolute;width: 100%; height: 1px; background: #0b52b2; }

.keyan_xian{height: 50px; width: 100%;}
}
/** index_keyan 首页科研 ====================================================================================*/



.index_news{ padding-top: 80px; padding-bottom: 80px;background-repeat:no-repeat; background-position:center center; background-size:cover;}

.index_news_box{ margin-left: -1.5%; margin-right: -1.5%;}
.index_news_l{ display: block; width: 30.3333%; margin: 0px 1.5%; background: #fff;  float: left;box-shadow:0 0 25px rgba(0,0,0,0.15); border-bottom: 5px solid  #3c6bd7; position: relative;}
.index_news_l:before{content: " ";display: block; position: absolute; z-index: 9; bottom: -5px; left: 0px;  width: 0%; height: 0px; transition: all 0.5s ease-out; border-bottom: 5px solid #ff0000;}
.index_news_l:hover:before{content: " ";display: block; position: absolute; bottom: -5px;left: 0px;  width: 100%; height: 0px; border-bottom: 5px solid #ff0000;}

.index_news_l .imgzoom{padding-bottom:45%; width: 100%; position: relative; overflow: hidden; }
.index_news_l .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.index_news_l:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}
.index_news_l .imgzoom span{position: absolute; z-index: 3; font-size: 36px;   color: #fff; text-align: center; width: 100%; height: 100%;background:rgba(0,0,0,0.4); padding-top: 16%; text-shadow: 1px 1px 1px #000; opacity: 0.6; }
.index_news_l .imgzoom span p{display: block;text-transform: uppercase; font-size: 16px; padding-top: 5px;}

.index_news_l ul{padding: 10px 20px;}
.index_news_l ul li{ display: block;}
.index_news_l ul li a{ display: block; font-size: 14px;  line-height: 40px; height: 40px; overflow: hidden; border-bottom: 1px solid #eeeeee;}
.index_news_l ul li a:hover{ color: #0b52b2;border-bottom: 1px solid #ccc;}

.index_news_l a.more{ display: block; margin: 10px 0px 20px 0px; text-align: right; padding-right: 20px;}
.index_news_l a.more:hover{color: #0b52b2;}

@media (max-width:992px){
.index_news{ padding-top: 30px; padding-bottom: 30px;background-repeat:no-repeat; background-position:center center; background-size:cover;}

.index_news_box{ margin-left: -1.5%; margin-right: -1.5%;}
.index_news_l{ display: block; width: 97%; margin: 0px 1.5%; background: #fff;  float: left;box-shadow:0 0 25px rgba(0,0,0,0.15); border-bottom: 5px solid  #3c6bd7; position: relative;}
.index_news_l:before{content: " ";display: block; position: absolute; z-index: 9; bottom: -5px; left: 0px;  width: 0%; height: 0px; transition: all 0.5s ease-out; border-bottom: 5px solid #ff0000;}
.index_news_l:hover:before{content: " ";display: block; position: absolute; bottom: -5px;left: 0px;  width: 100%; height: 0px; border-bottom: 5px solid #ff0000;}

.index_news_l .imgzoom{padding-bottom:40%; width: 100%; position: relative; overflow: hidden; }
.index_news_l .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.index_news_l:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}
.index_news_l .imgzoom span{position: absolute; z-index: 3; font-size: 36px;   color: #fff; text-align: center; width: 100%; height: 100%;background:rgba(0,0,0,0.4); padding-top: 10%; text-shadow: 1px 1px 1px #000; opacity: 0.6; }
.index_news_l .imgzoom span p{display: block;text-transform: uppercase; font-size: 16px; padding-top: 5px;}

.index_news_l ul{padding: 10px 20px;}
.index_news_l ul li{ display: block;}
.index_news_l ul li a{ display: block; font-size: 12px;  line-height: 30px; height: 30px; overflow: hidden; border-bottom: 1px solid #eeeeee;}
.index_news_l ul li a:hover{ color: #0b52b2;border-bottom: 1px solid #ccc;}

.index_news_l a.more{ display: block; margin: 5px 0px 20px 0px; text-align: center; width: 100%; padding-right: 0px;  }
.index_news_l a.more:hover{color: #0b52b2;}
}
/** index_news 首页新闻 ====================================================================================*/



.index_hezuo{padding-top: 80px; padding-bottom: 50px; position: relative; overflow: hidden;}
.index_hezuo .wrapper_box{position: relative; z-index: 9;}
.swiper01_box{ width:100%; position: relative; margin: 0px auto 0px auto; padding: 0px 0px; }
/** 点 ============*/
.swiper01_box .swiper-container{padding: 0px 0px 40px 0px; height: auto;}
.swiper01_box .swiper-pagination{width: 100%; text-align:center; left: 0px; bottom: 10px; }
.swiper01_box .swiper-pagination-bullet{ background: #fff; border: 1px solid #000; opacity: 0.8; width: 10px; height:10px;border-radius:50%;  margin: 0px 10px; transition: all 0.5s ease-out;}
.swiper01_box .swiper-pagination-bullet-active{ background: #0b52b2; width: 10px; opacity:1;}

a.sw_item01{ border: 3px solid #dedede; display: block;}
a.sw_item01:hover{border: 3px solid #0b52b2;}
a.sw_item01 .imgzoom{padding-bottom: 45%; width: 100%; position: relative; overflow: hidden; }
a.sw_item01 .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
a.sw_item01:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

.home-service-bg{background-repeat:repeat-y; background-position: center top;  
	position:absolute;top:0;left:0%; width: 100%; height: 10000px;max-width:100%;z-index:0;opacity:1;font-size:0;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:bgScroll 160s infinite linear;animation:bgScroll 160s infinite linear;will-change:transform;
}
@-webkit-keyframes bgScroll{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-33.333%);transform:translateY(-33.333%)}}@keyframes bgScroll{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-33.333%);transform:translateY(-33.333%)}}

@media (max-width:992px){
.index_hezuo{padding-top: 20px; padding-bottom: 20px; position: relative; overflow: hidden;}
.index_hezuo .wrapper_box{position: relative; z-index: 9;}
.swiper01_box{ width:100%; position: relative; margin: 0px auto 0px auto; padding: 0px 0px; }
.home-service-bg{background-repeat:repeat-y; background-position: center top;  background-size:300%;
	position:absolute;top:0;left:0%; width: 100%; height: 10000px;max-width:100%;z-index:0;opacity:1;font-size:0;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:bgScroll 160s infinite linear;animation:bgScroll 160s infinite linear;will-change:transform;
}
}

/** index_hezuo 首页合作 ====================================================================================*/


.foot_box{  color: #fff; padding-top: 80px; padding-bottom: 20px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.foot_box a{color: #ccc;}
.foot_box a:hover{color: #84a9ff;}

.foot_l{float: left; width: 40%;}
.foot_logo{ width:250px; margin-bottom: 30px;}
.foot_xx1{ padding: 8px 0px;}
.foot_xx2{ padding: 8px 0px;}
.foot_xx2 .i1{ width: 20px; height: 20px; display:inline-block; float: left; margin-right: 10px; background-image:url(../images/ico3.png);background-repeat:no-repeat; background-position:center center; background-size:auto;}
.foot_xx2 .i2{ width: 20px; height: 20px; display:inline-block; float: left; margin-right: 10px; background-image:url(../images/ico4.png);background-repeat:no-repeat; background-position:center center; background-size:auto;}

.foot_r{ float: right; width: 60%; position: relative;}
.foot_r dl{ width: 16.6%; float: left; text-align: center;}
.foot_r dt{ font-size: 16px; color: #fff; padding-bottom: 20px; font-weight: bold;}
.foot_r dd{ line-height: 30px; display: block;}
.foot_r dd a{font-size: 14px; display: block;}
.foot_r dd a:hover{  color: #84a9ff;}

.erweima{ position: absolute; bottom: -20px; right: 50px; width: 100px; text-align: center;}
.erweima span{padding-top: 5px; display: block; }

.cop{ border-top: 1px solid #fff; padding: 30px 0px 20px 0px; margin-top: 50px;}
.youqing{padding-top: 10px; color: #c4c4c4; font-size: 12px;}
.youqing a{padding-right: 5px; font-size: 10px;}

@media (max-width:992px){
.foot_box{  color: #fff; padding-top: 30px; padding-bottom: 60px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.foot_box a{color: #ccc;}
.foot_box a:hover{color: #84a9ff;}

.foot_l{float: none; width: 100%;}
.foot_logo{ width:200px;  margin: 0px auto;margin-bottom: 10px;}
.foot_logo a{display: block;}
	
.foot_xx{ padding: 0px 0px; text-align: center; font-size: 0.48rem;}
.foot_xx1{ padding: 3px 0px;}
.foot_xx2{ padding: 3px 0px;}
.foot_xx2 .i1{ width: 20px; height: 20px; display:inline-block; float: left; display: none; margin-right: 0px; background-image:url(../images/ico3.png);background-repeat:no-repeat; background-position:center center; background-size:auto;}
.foot_xx2 .i2{ width: 20px; height: 20px; display:inline-block; float: left; display: none; margin-right: 0px; background-image:url(../images/ico4.png);background-repeat:no-repeat; background-position:center center; background-size:auto;}

.foot_r{ float: none; width: 100%; position: relative; padding-top: 10px;}
.foot_r dl{ width: 16.6%; float: left; text-align: center; display: none;}
.foot_r dt{ font-size: 16px; color: #fff; padding-bottom: 20px; font-weight: bold;}
.foot_r dd{ line-height: 30px; display: block;}
.foot_r dd a{font-size: 14px; display: block;}
.foot_r dd a:hover{  color: #84a9ff;}

.erweima{ position:relative; bottom: auto; right: auto;margin: 0px auto; width: 100px; text-align: center;}
.erweima span{padding-top: 5px; display: block; }

.cop{ border-top: 1px solid #fff; padding: 10px 0px 10px 0px; margin-top: 20px; font-size: 0.44rem;}
.youqing{padding-top: 10px; color: #c4c4c4; display: none;}
.youqing a{padding-right: 10px;}
	
}
/** foot_box 底部 ====================================================================================*/


.full_f6{background: #f6f6f6;}

.pag_nav{  border-bottom: 1px solid #d5d5d5;}
.pag_navul{}
.pag_navul li{ display: block;  float: left; padding: 0px 25px;}
.pag_navul li a{ font-size: 18px; color: #333; display: block; padding: 20px 0px; font-weight: bold;  }
.pag_navul li a:hover{ color: #0b52b2; border-bottom: 3px solid #0b52b2;}
.pag_navul li a.on{ color: #0b52b2; border-bottom: 3px solid #183e7a;}

.propag_navul{}
.propag_navul li{ display: block;  float: left; padding: 0px 30px;  }

@media (max-width:992px){
.pag_nav{  border-bottom: 1px solid #d5d5d5;}
.pag_navul{}
.pag_navul li{ display: block;  float: left; padding: 0px 0rem; width: 20%; text-align: center;}
.pag_navul li a{ font-size: 0.54rem; color: #333; display: block; padding: 15px 0px; font-weight: bold; border-bottom: 3px solid #f6f6f6; }
.pag_navul li a:hover{ color: #0b52b2; border-bottom: 3px solid #0b52b2;}
.pag_navul li a.on{ color: #0b52b2; border-bottom: 3px solid #183e7a;}
	
.propag_navul{}
.propag_navul li{ display: block;  float: left; padding: 0px 0px; width: 25%; text-align: center;}
.propag_navul li a{ font-size: 0.64rem; }
	
.newspag_navul{}
.newspag_navul li{ display: block;  float: left; padding: 0px 0px; width: 50%; text-align: center;}
.newspag_navul li a{ font-size: 0.64rem; }	
}

/** pag_nav 分页导航 ====================================================================================*/




.pag_tit{ position: relative; height: 160px;}
.pag_tit_l{ position: absolute;}
.pag_tit_l h2{ font-size: 40px; color: #000; font-weight: bold;padding-bottom: 10px; }
.pag_tit_l .en{ font-size: 18px; color: #333;text-transform: uppercase;}
.pag_tit_l span{ color: #dddddd;font-size: 70px; font-weight: bold; line-height: 1; position: absolute; left: 0px; top: -70px; z-index: -1;}
.pag_tit_l span b{font-size: 200px; }
.pag_tit_r{ width: 100%; padding: 0px 0px 0px 500px; font-size: 16px; line-height:30px; height: 90px; overflow: hidden; }

@media (max-width:992px){
.pag_tit{ position: relative; height:auto; padding-top: 50px;}
.pag_tit_l{ position: absolute;}
.pag_tit_l h2{ font-size: 0.8rem; color: #000; font-weight: bold;padding-bottom: 5px; }
.pag_tit_l .en{ font-size: 0.5rem; color: #333;text-transform: uppercase;}
.pag_tit_l span{ color: #dddddd;font-size: 2rem; font-weight: bold; line-height: 1; position: absolute; left: 0px; top: -70px; z-index: -1;}
.pag_tit_l span b{font-size: 6rem; }
.pag_tit_r{ width: 100%; padding: 0px 0px 0px 0px; font-size: 16px; line-height:30px; height: 90px; overflow: hidden; display:block;}
}
/** pag_tit 单页标题 ====================================================================================*/


.about_box{padding-top: 80px; padding-bottom: 80px; color: #333;}
.about_main{color: #333; font-size: 16px; line-height: 1.8; position: relative;}
.about_main a{color: #333;}
.about_main a:hover{color: #0b52b2;}

.abo_l{width: 100%; padding-right:400px; min-height:500px;  }
.abo_r{position: absolute; right:0px; top: 0px;}

.abo_r_img{ width: 340px; margin-top: 20px; border: 10px solid #fff;box-shadow:0 0 25px rgba(0,0,0,0.20);}
.abo_r_img img{width: 100%;}

.abo_r_video{width: 340px; border: 10px solid #fff; background: #fff;  box-shadow:0 0 25px rgba(0,0,0,0.20);}
.abo_r_video iframe{ width: 100%; height:220px;}

.abo_img{}
.abo_imgm {width: 33.3333%; float: left; padding: 10px 10px;}
.abo_imgm .imgzoom{padding-bottom: 65%; width: 100%; position: relative; overflow: hidden; }
.abo_imgm .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.abo_imgm:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

@media (max-width:1200px){
.about_main{color: #333; font-size: 14px; line-height: 1.8; position: relative;}
}

@media (max-width:992px){
.about_box{padding-top: 10px; padding-bottom:30px; color: #333;}
.about_main{color: #333; font-size: 0.56rem; line-height: 1.8; position: relative;}
.about_main a{color: #333;}
.about_main a:hover{color: #0b52b2;}

.abo_l{width: 100%; padding-right:0px; min-height:inherit;  }
.abo_r{position:relative; right:0px; top: 0px; margin-top: 0px; margin-bottom: 20px;}

.abo_r_img{ width: 100%; margin-top: 20px; border: 10px solid #fff;box-shadow:0 0 25px rgba(0,0,0,0.20); display: none;}
.abo_r_img img{width: 100%;}

.abo_r_video{width: 100%; border: 10px solid #fff; background: #fff;  box-shadow:0 0 25px rgba(0,0,0,0.20);}
.abo_r_video iframe{ width: 100%; height:200px;}

.abo_img{}
.abo_imgm {width: 33.3333%; float: left; padding: 10px 2px;}
.abo_imgm .imgzoom{padding-bottom: 65%; width: 100%; position: relative; overflow: hidden; }
.abo_imgm .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.abo_imgm:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

}
/** about_box 关于样式 ====================================================================================*/



.dongshizhang{ width: 100%; padding-left:400px; min-height: 570px;}
.dongshizhang_img{ position: absolute; top: 20px; left: 20px;}
.dongshizhang_img:before{content: " ";display: block; position: absolute; left: -20px; top: -20px; z-index: -1; width: 80%; height: 80%; background: #e2e2e2; }

.dongshizhang_ch{ padding-top: 60px;}
.dongshizhang_ch span{ padding-left: 15px; line-height: 40px; color: #0b52b2; float: left; display: block; width: 40%;background-image:url(../images/dongshizhang_ch.jpg);background-repeat:no-repeat; background-position:left center; background-size:8px; }

.dsz_news_tit{ background: #e6e5e5; width: 100%;}
.dsz_news_tit span{ background: #183e7a; color: #fff; display: inline-block; font-weight: bold; padding: 20px 20px;}

.dsz_newsul{ margin-left: -15px; margin-right: -15px; padding-top: 15px;}
.dsz_newsul li{ width: 50%; float: left; padding: 15px 15px;}
.dsz_newsul li a{ display: block; background: #ffffff; padding: 25px 25px;box-shadow:0 0 15px rgba(0,0,0,0.05);}
.dsz_newsul li a b{ display: block; font-size: 16px; line-height: 20px; height: 20px; margin-bottom: 10px; overflow: hidden; position: relative;}
.dsz_newsul li a .bq{display: block; width: 10%; height: 2px; background: #183e7a;transition: all 0.5s ease-out; }
.dsz_newsul li a .txt{ color: #999; font-size: 14px;line-height: 24px; height: 48px; margin-top: 10px; overflow: hidden;}

.dsz_newsul li a:hover{background: #0f58a6;}
.dsz_newsul li a:hover b{color: #fff;}
.dsz_newsul li a:hover .bq{display: block; width: 40%; height: 2px; background: #fff; }
.dsz_newsul li a:hover .txt{color: #d1cece;}

@media (max-width:1200px){
.dongshizhang_ch{ padding-top: 30px;}
.dongshizhang_ch span{ padding-left: 15px; font-size: 14px; line-height: 30px; color: #0b52b2; float: left; display: block; width: 50%;background-image:url(../images/dongshizhang_ch.jpg);background-repeat:no-repeat; background-position:left center; background-size:8px; }
}

@media (max-width:992px){
.dongshizhang{ width: 100%; padding-left:0px; min-height:inherit; padding-top: 40px;}
.dongshizhang_img{ position:relative; top: 20px; left: 5%; width: 93%;}
.dongshizhang_img img{width: 100%;}
.dongshizhang_img:before{content: " ";display: block; position: absolute; left: -20px; top: -20px; z-index: -1; width: 80%; height: 80%; background: #e2e2e2; }

.dongshizhang_ch{ padding-top: 20px; padding-bottom: 20px;}
.dongshizhang_ch span{ padding-left: 15px; line-height: 30px; color: #0b52b2; float: none; display: block; width: 90%;background-image:url(../images/dongshizhang_ch.jpg);background-repeat:no-repeat; background-position:left center; background-size:8px; margin-left: 5%; }

.dsz_news_tit{ background: #e6e5e5; width: 100%;}
.dsz_news_tit span{ background: #183e7a; color: #fff; display: inline-block; font-weight: bold; padding: 20px 20px;}

.dsz_newsul{ margin-left: -15px; margin-right: -15px; padding-top: 15px;}
.dsz_newsul li{ width: 100%; float: left; padding: 5px 15px;}
.dsz_newsul li a{ display: block; background: #ffffff; padding: 10px 10px;box-shadow:0 0 15px rgba(0,0,0,0.05);}
.dsz_newsul li a b{ display: block; font-size: 0.6rem; line-height: 20px; height: 20px; margin-bottom: 5px; overflow: hidden; position: relative;}
.dsz_newsul li a .bq{display: block; width: 20%; height: 2px; background: #183e7a;transition: all 0.5s ease-out; }
.dsz_newsul li a .txt{ color: #999; font-size: 0.48rem;line-height: 0.7rem; height: 1.4rem; margin-top: 5px; overflow: hidden;}

.dsz_newsul li a:hover{background: #0f58a6;}
.dsz_newsul li a:hover b{color: #fff;}
.dsz_newsul li a:hover .bq{display: block; width: 40%; height: 2px; background: #fff; }
.dsz_newsul li a:hover .txt{color: #d1cece;}
}

/** dongshizhang 董事长 ====================================================================================*/



.linian_box{ position: relative; background: #fff;}
.linian_l{ width: 100%; height: 235px; padding: 20px 50px;padding-right: 700px; }
.linian_l1{ font-size:80px; line-height:70px; color: #eeeeee; font-weight: bold;}
.linian_box:hover .linian_l1{color: #0b52b2;}
.linian_l2{font-size:24px; color: #000;  font-weight: bold;}
.linian_l2 span{font-size:16px; color: #000;text-transform: uppercase; font-weight: 500; }
.linian_l3{font-size:16px; height: 75px; line-height: 25px; overflow: hidden;}

.linian_r{ width:  670px; position: absolute; right: 0px; top: 0px;}

.linian_box .imgzoom{padding-bottom: 35%; width: 100%; position: relative; overflow: hidden; }
.linian_box .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.linian_box:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

.linian_box:nth-child(2n) .linian_l{ width: 100%; height: 231px; padding: 30px 50px;padding-left: 720px; }
.linian_box:nth-child(2n) .linian_r{ width:  670px; position: absolute; right:auto; left: 0px; top: 0px;}

@media (max-width:1366px){
.linian_l{ width: 100%; height: 231px; padding: 30px 50px;padding-right: 700px; }
.linian_r{ width:  650px; position: absolute; right: 0px; top: 0px;}
	
.linian_box:nth-child(2n) .linian_l{ width: 100%; height: 231px; padding: 30px 50px;padding-left: 720px; }
.linian_box:nth-child(2n) .linian_r{ width:  650px; position: absolute; right:auto; left: 0px; top: 0px;}
}

@media (max-width:1200px){
.linian_l1{ font-size:60px; line-height:60px; color: #eeeeee; font-weight: bold;}
.linian_l{ width: 100%; height: 201px; padding: 30px 50px;padding-right: 600px; }
.linian_r{ width:  570px; position: absolute; right: 0px; top: 0px;}
	
.linian_box:nth-child(2n) .linian_l{ width: 100%; height: 201px; padding: 30px 50px;padding-left: 600px; }
.linian_box:nth-child(2n) .linian_r{ width: 570px; position: absolute; right:auto; left: 0px; top: 0px;}
}

@media (max-width:992px){
.linian_l{ width: 100%; height:auto; padding: 10px 10px;padding-right: 10px; }
.linian_l1{ font-size:60px; line-height:60px; color: #eeeeee; font-weight: bold;}
.linian_box:hover .linian_l1{color: #0b52b2;}
.linian_l2{font-size:20px;  color: #000;  font-weight: bold; line-height: 30px; height: 30px; overflow: hidden;}
.linian_l2 span{font-size:0.4rem; color: #000;text-transform: uppercase; font-weight: 500; }
.linian_l3{font-size:15px; height:auto; line-height: 30px; overflow: hidden; margin-top: 10px;}

.linian_r{ width:  100%; position:relative; right: 0px; top: 0px; margin-bottom: 20px;}

.linian_box .imgzoom{padding-bottom: 35%; width: 100%; position: relative; overflow: hidden; }
.linian_box .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.linian_box:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

.linian_box:nth-child(2n) .linian_l{ width: 100%; height: auto; padding: 10px 10px;padding-left:10px; }
.linian_box:nth-child(2n) .linian_r{ width: 100%; position: relative; right:auto; left: 0px; top: 0px;}
	
}
/** linian_box 企业理念 ====================================================================================*/



.licheng_box{ width: 100%; padding-top: 50px; position: relative; background-image:url(../images/licheng_xian.jpg);  background-repeat:repeat-y; background-position:center top; background-size:auto;}
.licheng_box:after{content: " ";display: block; width: 21px; height: 30px; position: absolute; top: 0px; left: 50%; margin-left: -10px; background-image:url(../images/licheng_jiantou.png);  }
.licheng_box:before{content: " ";display: block; width: 36px; height: 36px; position: absolute; bottom: 0px; left: 50%; margin-left: -18px; background-image:url(../images/licheng_yuan.png); }

.licheng_m{ width:100%; padding-left: 55%; padding-bottom: 30px;}
.licheng_m_tit{ color: #dee5ef; font-size: 90px; line-height: 1; position: relative; font-weight: bold;}
.licheng_m_tit:before{content: " ";display: block; width: 36px; height: 36px; position: absolute; top: 60px; left: -14%;  background-image:url(../images/licheng_yuan.png); }
.licheng_m_tit span{ color: #0b52b2;  font-size: 50px; position: absolute; left: 0px; bottom: 20px;}
.licheng_m_txt{ font-size: 16px; line-height: 1.8; }
.licheng_m_txtd{padding-bottom: 10px; padding-top: 10px; padding-left: 20px; border-bottom: 1px dashed #ccc;background-image:url(../images/dongshizhang_ch.jpg);background-repeat:no-repeat; background-position:left 20px; background-size:8px;}

.licheng_m:nth-child(2n){ width:100%; padding-right: 55%; padding-left: 0; padding-bottom: 30px;}
.licheng_m:nth-child(2n) .licheng_m_tit{ color: #dee5ef; font-size: 90px; line-height: 1; position: relative; font-weight: bold; text-align: right;}
.licheng_m:nth-child(2n) .licheng_m_tit:before{content: " ";display: block; width: 36px; height: 36px; position: absolute; top: 60px; left:auto; right: -14.2%;  background-image:url(../images/licheng_yuan.png); }
.licheng_m:nth-child(2n) .licheng_m_tit span{ color: #0b52b2;  font-size: 50px; position: absolute; left: auto; right: 0px; bottom: 20px;}

@media (max-width:1200px){
.licheng_m_tit{ color: #dee5ef; font-size: 70px; line-height: 1; position: relative; font-weight: bold;}
.licheng_m_tit span{ color: #0b52b2;  font-size: 40px; position: absolute; left: 0px; bottom: 20px;}
	
.licheng_m:nth-child(2n) .licheng_m_tit{ color: #dee5ef; font-size: 70px; line-height: 1; position: relative; font-weight: bold; text-align: right;}
.licheng_m:nth-child(2n) .licheng_m_tit span{ color: #0b52b2;  font-size: 40px; position: absolute; left: auto; right: 0px; bottom: 20px;}

.licheng_m_txt{ font-size: 14px; line-height: 1.6; }
}

@media (max-width:992px){
.licheng_box{ width: 100%; padding-top: 30px; position: relative; background-image:url(../images/licheng_xian.jpg);  background-repeat:repeat-y; background-position:10px top; background-size:auto;}
.licheng_box:after{content: " ";display: block; width: 21px; height: 30px; position: absolute; top: 0px; left: 11px; margin-left: -10px; background-image:url(../images/licheng_jiantou.png);  }
.licheng_box:before{content: " ";display: block; width: 36px; height: 36px; position: absolute; bottom: 0px; left: 11px; margin-left: -18px; background-image:url(../images/licheng_yuan.png); }

.licheng_m{ width:100%; padding-left: 10%; padding-bottom: 30px;}
.licheng_m_tit{ color: #dee5ef; font-size: 2rem; line-height: 1; position: relative; font-weight: bold;}
.licheng_m_tit:before{content: " ";display: block; width: 20px; height: 20px; position: absolute; top: 60px; left: -10.5%;  background-image:url(../images/licheng_yuan.png);background-size:20px; }
.licheng_m_tit span{ color: #0b52b2;  font-size: 1rem; position: absolute; left: 0px; bottom: 0px;}
.licheng_m_txt{ font-size: 0.48rem; line-height: 1.8; }
.licheng_m_txtd{padding-bottom: 10px; padding-top: 10px; padding-left: 20px; border-bottom: 1px dashed #ccc;background-image:url(../images/dongshizhang_ch.jpg);background-repeat:no-repeat; background-position:left 17px; background-size:8px;}

.licheng_m:nth-child(2n){ width:100%; padding-right:0px; padding-left: 10%; padding-bottom: 30px; text-align: left;}
.licheng_m:nth-child(2n) .licheng_m_tit{ color: #dee5ef; font-size: 2rem; line-height: 1; position: relative; font-weight: bold; text-align: left; }
.licheng_m:nth-child(2n) .licheng_m_tit:before{content: " ";display: block; width: 20px; height: 20px; position: absolute; top: 60px; left:-10.5%;  right: auto;  background-image:url(../images/licheng_yuan.png); background-size:20px; }
.licheng_m:nth-child(2n) .licheng_m_tit span{ color: #0b52b2;  font-size: 1rem; position: absolute; left: 0px; right: auto; bottom: 0px;text-align: left;}

}
/** licheng_box 发展历程 ====================================================================================*/



.rongyu_box{}
.rongyu_box ul{ display: block;}
.rongyu_box ul li{ width: 25%; float: left; padding: 5px;}
.rongyu_box ul li .rongyu_img{ padding: 10px; background: #fff;}
.rongyu_box ul li span{font-size: 16px; padding-top: 5px; padding-bottom: 10px; font-weight: bold; text-align: center; display: block;}
.rongyu_box ul li:hover span{ color: #0b52b2;}

.rongyu_box ul li .imgzoom{padding-bottom: 70%; width: 100%; position: relative; overflow: hidden; }
.rongyu_box ul li .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.rongyu_box ul li:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}


.rongyu_box ul li:nth-child(1){ width: 33.333%;}
.rongyu_box ul li:nth-child(2){ width: 33.333%;}
.rongyu_box ul li:nth-child(3){ width: 33.333%;}

@media (max-width:992px){
	
.rongyu_box ul{ display: block; margin-left: -3px;margin-right: -3px;}
.rongyu_box ul li{ width: 50%; float: left; padding: 3px;}
.rongyu_box ul li .rongyu_img{ padding: 5px; background: #fff;}
.rongyu_box ul li span{font-size: 12px; padding-top: 0px; margin-top: 5px; margin-bottom: 10px; height: 20px; line-height: 20px; overflow: hidden; padding-bottom: 0px; font-weight: 500; text-align: center; display: block;}
.rongyu_box ul li:hover span{ color: #0b52b2;}

.rongyu_box ul li .imgzoom{padding-bottom: 70%; width: 100%; position: relative; overflow: hidden; }
.rongyu_box ul li .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.rongyu_box ul li:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}


.rongyu_box ul li:nth-child(1){ width: 50%;}
.rongyu_box ul li:nth-child(2){ width: 50%;}
.rongyu_box ul li:nth-child(3){ width: 50%;}
	
}
/** rongyu_box 发展历程 ====================================================================================*/



.keyan_box{padding-top: 50px; padding-bottom: 80px; color: #333; font-size: 16px; line-height: 1.8; position: relative;}

.keyan_boxm{padding: 30px 30px; font-size: 16px; background: #fff; box-shadow:0 0 15px rgba(0,0,0,0.15);}

.keyan_tj{ padding: 50px 0px; margin-right: -1%; }
.keyan_tjm{width: 24%; margin-right: 1%; float: left; text-align: center; padding: 30px 40px; background: #fff; box-shadow:0 0 15px rgba(0,0,0,0.15);}
.keyan_tjm h4{ color: #0b52b2; font-size: 36px; font-weight: bold;}
.keyan_tjm .span{ min-height:40px; line-height: 20px; margin-top: 10px; font-size: 14px;  display: block;}

@media (max-width:1200px){
.keyan_tjm{width: 24%; margin-right: 1%; float: left; text-align: center; padding: 20px 20px; background: #fff; box-shadow:0 0 15px rgba(0,0,0,0.15);}
}

@media (max-width:768px){
.keyan_box{padding-top: 20px; padding-bottom: 30px; color: #333; font-size: 16px; line-height: 1.8; position: relative;}
.keyan_boxm{padding: 10px 15px 20px 15px; font-size: 0.56rem; background: #fff; box-shadow:0 0 15px rgba(0,0,0,0.15);}

.keyan_tj{ padding: 20px 0px; margin-right: -1%; }
.keyan_tjm{width: 48%; margin-right: 2%; margin-bottom: 2%; float: left; text-align: center; padding: 10px 10px 20px 10px; background: #fff; box-shadow:0 0 15px rgba(0,0,0,0.15);}
.keyan_tjm h4{ color: #0b52b2; font-size: 1rem; font-weight: bold;}
.keyan_tjm .span{ min-height:40px; line-height: 20px; margin-top: 10px; font-size: 0.50rem;  display: block;}

}
/** keyan_box 科研 ====================================================================================*/



.contact_box{padding-top: 50px; padding-bottom: 80px; color: #333; font-size: 16px; line-height: 1.8; position: relative;}
.contact_boxm{padding: 50px 50px; font-size: 16px; background: #fff; box-shadow:0 0 15px rgba(0,0,0,0.15);}
.contact_boxm iframe{ width: 100%; height: 550px;}
.contact_tit{ font-size: 20px; font-weight: bold; color: #000;}

.contact_3b{ width: 33.3333%; float: left; padding: 30px 10px 50px 10px; color: #333;}

.contact_wz{ font-weight: bold; font-size: 16px; padding: 8px 0px 8px 0px;}
.contact_tel{padding: 8px 0px 8px 30px; background-image:url(../images/ico5.png);background-repeat:no-repeat; background-position:left 12px; background-size:auto;}
.contact_der{padding: 8px 0px 8px 30px; background-image:url(../images/ico6.png);background-repeat:no-repeat; background-position:left 12px; background-size:auto;}
.contact_email{padding: 8px 0px 8px 30px; background-image:url(../images/ico7.png);background-repeat:no-repeat; background-position:left 12px; background-size:auto;}

@media (max-width:1200px){
.contact_box{padding-top: 50px; padding-bottom: 80px; color: #333; font-size: 16px; line-height: 1.8; position: relative;}
.contact_boxm{padding: 30px 30px; font-size: 14px; background: #fff; box-shadow:0 0 15px rgba(0,0,0,0.15);}
	
.contact_wz{ font-weight: bold; font-size: 14px; padding: 8px 0px 8px 0px;}
}

@media (max-width:768px){
.contact_box{padding-top: 20px; padding-bottom: 20px; color: #333; font-size: 16px; line-height: 1.8; position: relative;}
.contact_boxm{padding: 20px 20px; font-size: 0.56rem; background: #fff; box-shadow:0 0 15px rgba(0,0,0,0.15);}
.contact_boxm iframe{ width: 100%; height: 450px; margin-top: 20px;}
.contact_tit{ font-size: 0.56rem; font-weight: bold; color: #000;}

.contact_3b{ width: 100%; float: left; padding: 10px 0px 10px 0px; color: #333;}

.contact_wz{ font-weight: bold; font-size: 0.56rem; padding: 8px 0px 8px 0px;}
.contact_tel{padding: 5px 0px 5px 25px; background-image:url(../images/ico5.png);background-repeat:no-repeat; background-position:left 8px; background-size:auto;}
.contact_der{padding: 5px 0px 5px 25px; background-image:url(../images/ico6.png);background-repeat:no-repeat; background-position:left 8px; background-size:auto;}
.contact_email{padding: 5px 0px 5px 25px; background-image:url(../images/ico7.png);background-repeat:no-repeat; background-position:left 8px; background-size:auto;}

}
/** contact_box 联系我们 ====================================================================================*/





.news_box{padding-top: 50px; padding-bottom: 80px; color: #333; font-size: 16px; line-height: 1.8; position: relative;}

ul.news_list{ margin-left:-10px; margin-right: -10px; display: block;}
ul.news_list li{ width: 33.333%; height:auto; float: left; padding: 10px 10px;}
ul.news_list li a{display: block;position: relative; padding: 0px; background: #fff;box-shadow:0 0 15px rgba(0,0,0,0.05); }
ul.news_list li a .bian{position: relative;}

ul.news_list li a .imgzoom{padding-bottom:56.22%; width: 100%; position: relative; overflow: hidden; }
ul.news_list li a .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; height:auto; min-height: 100%;}
ul.news_list li a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

ul.news_list li a .text{padding: 20px 20px 20px 20px; overflow: hidden; }
ul.news_list li a .text .t1{ font-size: 16px; height: 44px;line-height: 22px; margin-bottom: 5px; overflow: hidden; font-weight: bold; position: relative;transition: all 0.5s ease-out; word-break: break-all; }
ul.news_list li a .text .t2{ font-size: 14px; line-height: 25px; height: 75px; margin-top: 10px; margin-bottom: 20px; overflow: hidden; color: #666; display: none;}
ul.news_list li a .text .t3{ background:#0b52b2; font-size: 12px; color: #fff; display: inline-block; padding: 5px 20px 5px 10px;transition: all 0.5s ease-out;}
ul.news_list li a .text .t4{ font-size: 12px; color: #666; margin-bottom: 5px;}

ul.news_list li a:hover{box-shadow:0 0 15px rgba(0,0,0,0.15); }
ul.news_list li a:hover .text .t1{ color: #0b52b2;}
ul.news_list li a:hover .text .t3{padding: 5px 20% 5px 10%; }

@media (max-width:992px){
.news_box{padding-top: 20px; padding-bottom: 20px; color: #333; font-size: 16px; line-height: 1.8; position: relative;}

ul.news_list{ margin-left:-10px; margin-right: -10px; display: block;}
ul.news_list li{ width: 100%; height:auto; float: left; padding: 10px 10px;}
ul.news_list li a{display: block;position: relative; padding: 0px; background: #fff;box-shadow:0 0 15px rgba(0,0,0,0.05); }
ul.news_list li a .bian{position: relative;}

ul.news_list li a .imgzoom{padding-bottom:56.22%; width: 100%; position: relative; overflow: hidden; }
ul.news_list li a .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; height:auto;}
ul.news_list li a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

ul.news_list li a .text{padding: 15px 20px 15px 20px; overflow: hidden; }
ul.news_list li a .text .t1{ font-size: 0.6rem; height:auto;line-height: 22px; margin-bottom: 5px; overflow: hidden; font-weight: bold; position: relative;transition: all 0.5s ease-out; word-break: break-all; }
ul.news_list li a .text .t2{ font-size: 12px; line-height: 20px; height: 40px; margin-top: 10px; margin-bottom: 10px; overflow: hidden; color: #666; display: none;}
ul.news_list li a .text .t3{ background:#0b52b2; font-size: 12px; color: #fff; float: right; display: inline-block; padding: 5px 20px 5px 10px;transition: all 0.5s ease-out;}
ul.news_list li a .text .t4{ font-size: 12px; color: #666; float: left; padding-top: 5px;}

ul.news_list li a:hover{box-shadow:0 0 15px rgba(0,0,0,0.15); }
ul.news_list li a:hover .text .t1{ color: #0b52b2;}
ul.news_list li a:hover .text .t3{padding: 5px 20% 5px 10%; }

}

/** news_box 新闻中心 ====================================================================================*/


ul.newsimg_ul { display: block; margin-bottom: 0px;  }
ul.newsimg_ul li { display: block; margin-bottom: 20px; }
ul.newsimg_ul li a { display: block; position: relative; overflow: hidden; background: rgba(255,255,255,1); padding: 25px 20px 25px 300px; height: 200px; z-index: 1; box-shadow:0 0 15px rgba(0,0,0,0.05);transition: all 0.5s ease-out;}
ul.newsimg_ul li a .img { width: 250px; height: 150px; overflow: hidden; position: absolute; top: 25px; left: 20px; }
ul.newsimg_ul li a .img img { width: 100%; position: relative; z-index: 1; }
ul.newsimg_ul li a .img::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 2; opacity: .3;transition: all 0.5s ease-out; }
ul.newsimg_ul li a:hover .img::after { opacity: 0; }

ul.newsimg_ul li a .h1 { font-size: 16px; color: #333; font-weight: bold; line-height: 25px; height: 25px; overflow: hidden; margin-bottom: 13px;}
ul.newsimg_ul li a:hover .h1 { color: #0b52b2; }
ul.newsimg_ul li a .time {font-size: 12px; line-height: 20px; height: 20px; color: #aaa; border-top: 1px dotted #ccc; padding-top: 5px; }
ul.newsimg_ul li a .h2 { font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; margin: 9px 0px; color: #999; }
ul.newsimg_ul li a .more{background: #0b52b2; color: #fff; font-size: 14px; width: 120px; line-height: 30px; text-align: center; margin-top: 5px;}
ul.newsimg_ul li a:hover .more{background: #002f6e;}

ul.newsimg_ul li a.wutu{ display: block; position: relative; overflow: hidden; background: rgba(255,255,255,1); padding: 25px 20px 25px 20px; height: 200px; z-index: 1; box-shadow:0 0 15px rgba(0,0,0,0.05);transition: all 0.5s ease-out;}

@media (max-width:992px){
ul.newsimg_ul { display: block; margin-bottom: 0px;  }
ul.newsimg_ul li { display: block; margin-bottom: 20px; }
ul.newsimg_ul li a { display: block; position: relative; overflow: hidden; background: rgba(255,255,255,1); padding: 15px 10px 15px 10px; height:auto; z-index: 1; box-shadow:0 0 15px rgba(0,0,0,0.05);transition: all 0.5s ease-out;}
ul.newsimg_ul li a .img { width: 250px; height: 150px; overflow: hidden; position: absolute; top: 25px; left: 20px; display: none; }
ul.newsimg_ul li a .img img { width: 100%; position: relative; z-index: 1; }
ul.newsimg_ul li a .img::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 2; opacity: .3;transition: all 0.5s ease-out; }
ul.newsimg_ul li a:hover .img::after { opacity: 0; }

ul.newsimg_ul li a .h1 { font-size: 0.6rem; color: #333; font-weight: bold; line-height: 0.8rem; height:auto; overflow: hidden; margin-bottom: 13px;}
ul.newsimg_ul li a:hover .h1 { color: #0b52b2; }
ul.newsimg_ul li a .time {font-size: 12px; line-height: 20px; height: 20px; color: #aaa; border-top: 1px dotted #ccc; padding-top: 5px; }
ul.newsimg_ul li a .h2 { font-size: 12px; line-height: 22px; height: 44px; overflow: hidden; margin: 9px 0px; color: #999; }
ul.newsimg_ul li a .more{background: #0b52b2; color: #fff; font-size: 12px; width: 100px; line-height: 26px; text-align: center; margin-top: 5px;}
ul.newsimg_ul li a:hover .more{background: #002f6e;}
	
ul.newsimg_ul li a.wutu{ display: block; position: relative; overflow: hidden; background: rgba(255,255,255,1); padding:  15px 10px 15px 10px; height: auto; z-index: 1; box-shadow:0 0 15px rgba(0,0,0,0.05);transition: all 0.5s ease-out;}
}
/** news_box 新闻横向带图 无图列表 ====================================================================================*/



.news_info{ padding: 0px 0px 0px 0px; width: 90%; margin: 0px auto; position: relative;}
.news_info .h1{font-size: 26px; color: #000; line-height: 32px; font-weight: 400; text-align: center; }
.news_info .meta{padding-bottom: 10px; margin-top: 20px;  margin-bottom:20px; color: #999; font-size: 14px; text-align: center; border-bottom: 3px solid #dbdbdb;}
.news_info .meta span{padding-right:20px;}

.news_info .ms{ background: #ececec;font-size: 18px; color: #333; padding: 20px 30px;}

.news_info_content{padding: 30px 0px 0px 0px; width: 100%; font-size: 18px; line-height: 2; color: #333; overflow: hidden;}
.news_info_content a{font-weight: bold; color: #000;}
.news_info_content a:hover{ color: #0b52b2;}
.news_info_content img{ padding: 10px 0px;}

.news_info_content iframe{width: 100%; height: 550px;} 

@media (max-width:1200px){
.news_info{ padding: 0px 0px 0px 0px; width: 100%; margin: 0px auto; position: relative;}
}

@media (max-width:992px){
.news_info{ padding: 0px 0px 0px 0px; width: 100%; margin: 0px auto; position: relative;}
.news_info .h1{font-size: 0.72rem; color: #000; line-height: 1rem; font-weight: 400; text-align: center; }
.news_info .meta{padding-bottom: 10px; margin-top: 10px;  margin-bottom:10px; color: #999; font-size: 0.44rem; text-align: center; border-bottom: 3px solid #dbdbdb;}
.news_info .meta span{padding-right:10px;}

.news_info .ms{ background: #ececec;font-size: 0.46rem; color: #666; padding: 10px 10px;}

.news_info_content{padding: 20px 0px 30px 0px; width: 100%; font-size: 0.56rem; line-height: 2; color: #333; overflow: hidden;}
.news_info_content a{font-weight: bold; color: #000;}
.news_info_content a:hover{ color: #0b52b2;}
.news_info_content img{ padding: 10px 0px;}
	
	.news_info_content iframe{width: 100%; height: 250px;} 
}
	
	
.fanye{ padding: 20px 0px 0px 0px; margin-top: 20px; border-top: 1px dotted #ccc;}
.fanyea { padding-bottom: 15px; color: #333; font-size: 0.56rem; }
.fanyea a {color: #333; }
.fanyea a:hover { color: #0b52b2; }
.fanyefh{}
.fanyefh a{color: #333; background: #ccc; font-size: 0.56rem; width: 100%; text-align: center; padding: 10px 30px; display: inline-block; margin:10px 0px 0px 0px; border-radius:2px;}
.fanyefh a:hover{background: #0b52b2; color: #fff; padding:10px 30px;}
/** news_info 新闻详情 ====================================================================================*/


.josn_box{padding-top: 50px; padding-bottom: 80px; color: #333; font-size: 16px; line-height: 1.8; position: relative;}
.josn_tit{ font-size: 34px; color: #0b52b2; text-align: center;}
.josn_tit span{font-size: 16px; color: #333;}


.josn_main{}
.josn_img{ margin-top: 50px;}
.josn_imgm{ width: 25%; float: left; padding: 10px;}
.josn_imgm .imgzoom{padding-bottom:60%; width: 100%; position: relative; overflow: hidden; }
.josn_imgm .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; height:auto;}
.josn_imgm:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

@media (max-width:992px){

.josn_main{}
.josn_img{ margin-top: 20px;}
.josn_imgm{ width: 50%; float: left; padding: 5px;}
}



.aq_list{max-width: 100%; margin: 0px auto; padding: 30px 0px; }
.aq_list dl.dl_box{ display:block; background: #fff; padding: 40px 40px; margin-bottom: 20px; font-size: 16px; box-shadow:0 0 15px rgba(0,0,0,0.05);}
.aq_list dt{ cursor:pointer; position: relative;}
.aq_list dd{ display:none;  padding: 10px 250px 0px 350px; margin-top: 20px; font-size: 14px; color: #333; border-top: 1px dotted #ccc;}

.dl_box_tit{ width:300px; position: absolute; top: 0px; left: 0px; height: 100%; border-right: 1px solid #ccc;}
.dl_box_tit b{display: block; font-size: 24px; padding-right: 30px; color: #333;line-height: 25px; max-height: 50px; overflow: hidden; font-weight: 500; }
.dl_box_tit span{ color: #0b52b2; font-size: 16px; margin-top: 5px; display: block; text-transform: uppercase;}

.dl_box_zhize{ width: 100%; padding: 0px 250px 0px 350px; min-height: 80px; font-size: 14px;}
.dl_box_zhizeb{ display: block; font-size: 16px;}
.dl_box_zhizetxt{}

.rico{ position: absolute; width:200px; height: 100px; right: 0px; top:0px;background-image:url(../images/jobs.png);background-repeat:no-repeat; background-position:left 0px; background-size:auto; padding-top: 20px; }
.rico span{ background: #0b52b2; float: right; color: #fff; font-size: 14px; padding: 5px 15px;}

@media (max-width:1200px){
	
.aq_list dd{ display:none;  padding: 10px 250px 0px 250px; margin-top: 20px; font-size: 14px; color: #333; border-top: 1px dotted #ccc;}
	
.dl_box_tit{ width:200px; position: absolute; top: 0px; left: 0px; height: 100%; border-right: 1px solid #ccc;}
.dl_box_tit b{display: block; font-size: 24px; padding-right: 30px; color: #333;line-height: 25px; max-height: 50px; overflow: hidden; font-weight: 500; }
.dl_box_tit span{ color: #0b52b2; font-size: 16px; margin-top: 5px; display: block; text-transform: uppercase;}

.dl_box_zhize{ width: 100%; padding: 0px 250px 0px 250px; min-height: 80px; font-size: 14px;}
.dl_box_zhizeb{ display: block; font-size: 16px;}
.dl_box_zhizetxt{}	
}

@media (max-width:992px){
.josn_box{padding-top: 20px; padding-bottom: 30px; color: #333; font-size: 16px; line-height: 1.8; position: relative;}
.josn_tit{ font-size: 0.56rem; color: #0b52b2; text-align: center; font-weight: bold;}
.josn_tit span{font-size: 0.52rem; color: #333; display: block;}

.aq_list{max-width: 100%; margin: 0px auto; padding: 20px 0px 0px 0px; }
.aq_list dl.dl_box{ display:block; background: #fff; padding: 20px 20px; margin-bottom: 20px; font-size: 16px; box-shadow:0 0 15px rgba(0,0,0,0.05);}
.aq_list dt{ cursor:pointer; position: relative;}
.aq_list dd{ display:none;  padding: 10px 0px 0px 0px; margin-top: 20px; font-size: 14px; color: #333; border-top: 1px dotted #ccc;}

.dl_box_tit{ width:100%; position:relative; top: 0px; left: 0px; height: 100%; border-right: 0px solid #ccc; border-bottom: 1px solid #ccc; }
.dl_box_tit b{display: block; font-size: 0.7rem; padding-right: 0px; color: #333;line-height: 25px; max-height: 50px; overflow: hidden; font-weight: 500; }
.dl_box_tit span{ color: #0b52b2; font-size: 14px; margin-top: 5px; display: block; text-transform: uppercase;}

.dl_box_zhize{ width: 100%; padding: 20px 0px 0px 0px; min-height: 80px; font-size: 14px;}
.dl_box_zhizeb{ display: block; font-size: 16px;}
.dl_box_zhizetxt{}

.rico{ position: relative; width:100%; height:auto; right: 0px; top:0px;background-image:none;background-repeat:no-repeat; background-position:left 0px; background-size:auto; padding-top: 20px; }
.rico span{ background: #0b52b2; float: none; color: #fff; font-size: 14px; padding: 5px 15px; width: 100%; display: block; text-align: center;}

}
/** josn_box 招聘 ====================================================================================*/


.pro_box{padding-top: 50px; padding-bottom: 80px; color: #333; font-size: 16px; line-height: 1.8; position: relative;}
.pro_tit{ font-size: 24px; color: #0b52b2; padding-bottom: 30px;}
.pro_tit b{ display: block; font-size: 24px; color: #0b52b2;}
.pro_tit span{ display: block;font-size: 16px; color: #666; margin-top: 15px;}

ul.pro_nav{width: 100%; text-align: left; padding-top: 10px; padding-bottom: 20px;}
ul.pro_nav li{border-right: 0px; padding: 0px; margin-bottom: 10px; display: inline-block; }
ul.pro_nav li:last-child{}
ul.pro_nav li a{display: block; font-size: 16px; padding: 8px 20px; background: #dfdfdf; border-radius:5px; }
ul.pro_nav li a:hover{ background: #0b52b2; color: #fff; }
ul.pro_nav li a.on{ background: #0b52b2; color: #fff; }

ul.pro_navfd{width: 100%; text-align: left; padding-top: 10px; padding-bottom: 20px;}
ul.pro_navfd li{border-right: 0px; padding: 0px; margin-bottom: 10px; display: inline-block; }
ul.pro_navfd li a{display: block; font-size: 16px; padding: 10px 30px; background: #dfdfdf; border-radius:5px; }
ul.pro_navfd li a:hover{ background: #0b52b2; color: #fff; }
ul.pro_navfd li a.on{ background: #0b52b2; color: #fff; }

@media (max-width:992px){

.pro_box{padding-top: 20px; padding-bottom: 20px; color: #333; font-size: 16px; line-height: 1.8; position: relative;}
.pro_tit{ font-size: 24px; color: #0b52b2; padding-bottom: 10px;}
.pro_tit b{ display: block; font-size: 0.8rem; color: #0b52b2;}
.pro_tit span{ display: block;font-size: 0.52rem; line-height: 1.6; color: #666; margin-top:5px;}

	
ul.pro_nav{width: 100%; text-align: left; padding-top: 10px; padding-bottom:10px;}
ul.pro_nav li{border-right: 0px; padding: 0px; margin-bottom: 10px; display: inline-block; }
ul.pro_nav li:last-child{}
ul.pro_nav li a{display: block; font-size: 0.48rem; padding: 3px 0.3rem; background: #dfdfdf; border-radius:5px; }
ul.pro_nav li a:hover{ background: #0b52b2; color: #fff; }
ul.pro_nav li a.on{ background: #0b52b2; color: #fff; }

ul.pro_navfd{width: 100%;   padding-top: 10px; padding-bottom:10px; text-align: center;}
ul.pro_navfd li{border-right: 0px; padding: 0px; margin-bottom: 10px; display: inline-block;width: 100%;   }
ul.pro_navfd li a{display: block; font-size: 0.56rem; padding: 7px 0.8rem; width: 100%; background: #dfdfdf; margin: 0px auto; border-radius:5px; }
ul.pro_navfd li a:hover{ background: #0b52b2; color: #fff; }
ul.pro_navfd li a.on{ background: #0b52b2; color: #fff; }	
}
/** pro_box 产品导航 ====================================================================================*/



ul.pro_list{ margin-left:-10px; margin-right: -10px; display: block;}
ul.pro_list li{ width: 25%; height:auto; float: left; padding: 10px 10px;}
ul.pro_list li a{display: block;position: relative; padding: 0px; background: #fff;box-shadow:0 0 15px rgba(0,0,0,0.05); }

ul.pro_list li a .imgzoom{padding-bottom:100%; width: 100%; position: relative; overflow: hidden; }
ul.pro_list li a .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; height: 100%;}
ul.pro_list li a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

ul.pro_list li a .text{padding: 20px 20px 20px 20px; overflow: hidden; position: relative;}
ul.pro_list li a .text .t1{ font-size: 16px; height: 22px;line-height: 22px; margin-bottom: 5px; overflow: hidden; font-weight: bold; position: relative;transition: all 0.5s ease-out; word-break: break-all; text-overflow: ellipsis; white-space: nowrap;}
ul.pro_list li a .text .t2{ font-size: 14px;color: #0b52b2; line-height: 25px; height: 25px; margin-top: 10px; margin-bottom: 10px; overflow: hidden; }
ul.pro_list li a .text .t3{ font-size: 14px; color: #666;}
ul.pro_list li a .text .t4{ background:#0b52b2; position: absolute; right: 20px; bottom: 20px; font-size: 12px; color: #fff; display: inline-block; padding: 2px 10px 2px 10px;transition: all 0.5s ease-out;}


ul.pro_list li a:hover{box-shadow:0 0 15px rgba(0,0,0,0.15); }
ul.pro_list li a:hover .text .t4{background:#04397f;}


ul.pro_list24 li:first-child{ display: none;}

@media (max-width:992px){
ul.pro_list{ margin-left:-5px; margin-right: -5px; display: block;}
ul.pro_list li{ width: 50%; height:auto; float: left; padding: 5px 5px;}
ul.pro_list li a{display: block;position: relative; padding: 0px; background: #fff;box-shadow:0 0 15px rgba(0,0,0,0.05); }

ul.pro_list li a .imgzoom{padding-bottom:100%; width: 100%; position: relative; overflow: hidden; }
ul.pro_list li a .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; height: 100%;}
ul.pro_list li a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

ul.pro_list li a .text{padding: 10px 10px 10px 10px; overflow: hidden; position: relative;}
ul.pro_list li a .text .t1{ font-size: 14px; height:auto;line-height: 22px; margin-bottom: 5px; overflow: hidden; font-weight: bold; position: relative;transition: all 0.5s ease-out; word-break: break-all; text-overflow: ellipsis; white-space: nowrap;}
ul.pro_list li a .text .t2{ font-size: 12px;color: #0b52b2; line-height: 25px; height: 25px; margin-top: 0px; margin-bottom: 0px; overflow: hidden; }
ul.pro_list li a .text .t3{ font-size: 12px; color: #666;line-height: 25px; height: 25px; margin-top: 0px; margin-bottom: 0px; overflow: hidden; }
ul.pro_list li a .text .t4{ background:#0b52b2; position:relative; right: 0px; bottom: 0px; width: 100%; text-align: center; font-size: 12px; color: #fff; display: inline-block; padding: 2px 10px 2px 10px;transition: all 0.5s ease-out;}


ul.pro_list li a:hover{box-shadow:0 0 15px rgba(0,0,0,0.15); }
ul.pro_list li a:hover .text .t4{background:#04397f;}	
	

	
ul.pro3g_list{ margin-left:-10px; margin-right: -10px; display: block;}
ul.pro3g_list li{ width: 50%; height:auto; float: left; padding: 5px 5px;}
ul.pro3g_list li a{display: block;position: relative; padding: 0px; background: #fff;box-shadow:0 0 15px rgba(0,0,0,0.05); }

ul.pro3g_list li a .imgzoom{padding-bottom:100%; width: 100%; position: relative; overflow: hidden; }
ul.pro3g_list li a .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; height: 100%;}
ul.pro3g_list li a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

ul.pro3g_list li a .text{padding: 10px 10px 10px 10px; overflow: hidden; position: relative;}
ul.pro3g_list li a .text .t1{ font-size: 14px; height:auto;line-height: 22px; margin-bottom: 5px; overflow: hidden; font-weight: bold; position: relative;transition: all 0.5s ease-out; word-break: break-all; text-overflow: ellipsis; white-space: nowrap;}
ul.pro3g_list li a .text .t2{ font-size: 12px;color: #0b52b2; line-height: 25px; height: 25px; margin-top: 0px; margin-bottom: 0px; overflow: hidden; }
ul.pro3g_list li a .text .t3{ font-size: 12px; color: #666;}
ul.pro3g_list li a .text .t4{ background:#0b52b2; position:relative; right: 0px; bottom: 0px; width: 100%; text-align: center; font-size: 12px; color: #fff; display: inline-block; padding: 2px 10px 2px 10px;transition: all 0.5s ease-out;}


ul.pro3g_list li a:hover{box-shadow:0 0 15px rgba(0,0,0,0.15); }
ul.pro3g_list li a:hover .text .t4{background:#04397f;}	
}
/** pro_list 产品列表  ====================================================================================*/








.pro_info_t{ width: 100%; position: relative; min-height: 500px;}
.pro_infolimg{ position: absolute; width: 450px; height: 450px; overflow: hidden; box-shadow:0 0 25px rgba(0,0,0,0.15);}
.pro_infolimg img{width: 100%;}
.pro_infor{ width: 100%; padding: 0px 0px 0px 550px;}

.pro_name{font-size: 30px;line-height: 1.2; color:#0b52b2;padding-bottom:10px; margin-bottom: 10px; border-bottom: 1px solid #ccc;font-weight: bold;overflow: hidden;}
.pro_name span{}
.pro_canshu{font-size: 16px;color:#333;padding: 10px 0 10px;border-bottom: 1px dotted #e1e1e1; }
.pro_canshu span{color:#666;}

.goumai{display: none; padding-top: 20px;padding-bottom: 0px;}
.goumai a{ display: inline-block; text-align: center; background: #ec2731; color: #fff; border: 2px solid #fff; width: 33%;  font-size: 16px; height: 45px; line-height: 41px; border-radius:30px; box-shadow:3px 5px 5px rgba(0,0,0,0.25); margin: 0px 10px;}
.goumai a:hover{background: #b20018; color: #fff;}


.p_info_m{}
.p_info_m_tit{ background: #e6e5e5; width: 100%;}
.p_info_m_tit span{ background: #183e7a; color: #fff; display: inline-block; font-weight: bold; padding: 20px 50px;}

.p_info_main{width: 100%; padding: 50px 50px; background: #fff; color: #333; line-height: 1.6;}

.p_info_tit{ font-size: 24px; line-height: 25px; color: #000; border-left: 5px solid #0b52b2; padding-left: 10px; margin-bottom: 30px;}

.p_info_li50{width: 100%; padding-bottom: 50px;}
.p_info_li50 .p_info_li50t{ width: 50%; float: left; padding-left: 20px; padding-bottom: 10px; background-image:url(../images/dongshizhang_ch.jpg);background-repeat:no-repeat; background-position:left 10px; background-size:8px; }

.p_info_li100{width: 100%; padding-bottom: 50px;}
.p_info_li100 .p_info_li100t{ width: 100%; float: left; padding-left: 20px; padding-bottom: 10px; background-image:url(../images/dongshizhang_ch.jpg);background-repeat:no-repeat; background-position:left 10px; background-size:8px; }


.p_biaodan{ width: 100%; margin-bottom: 50px;}
.p_biaodan_t{ padding: 15px 0px; background: #6592ce;}
.p_biaodan_t .p_biaodan_11{ width: 11.111%; font-size: 16px; color: #fff; font-weight: bold; display: inline-block; float: left; text-align: center;}
.p_biaodan_t .p_biaodan_12{ width: 12.5%; font-size: 16px; color: #fff; font-weight: bold; display: inline-block; float: left; text-align: center;}
.p_biaodan_t .p_biaodan_14{ width: 14.2%; font-size: 18px; color: #fff; font-weight: bold; display: inline-block; float: left; text-align: center;}

.p_biaodan_t .p_biaodan_16{ width: 16.666%; font-size: 18px; color: #fff; font-weight: bold; display: inline-block; float: left; text-align: center;}

.p_biaodan_t .p_biaodan_20{ width: 20%; font-size: 18px; color: #fff; font-weight: bold; display: inline-block; float: left; text-align: center;}

.p_biaodan_t .p_biaodan_25{ width: 25%; font-size: 18px; color: #fff; font-weight: bold; display: inline-block; float: left; text-align: center;}

.p_biaodan_t .p_biaodan_30{ width: 33.3333%; font-size: 18px; color: #fff; font-weight: bold; display: inline-block; float: left; text-align: center;}

.p_biaodan_t .p_biaodan_50{ width: 50%; font-size: 18px; color: #fff; font-weight: bold; display: inline-block; float: left; text-align: center;}
.p_biaodan_t .p_biaodan_90{ width: 80%; font-size: 18px; color: #fff; font-weight: bold; display: inline-block; float: left; text-align: center;}




.p_biaodan_sj{ background: #fff;}
.p_biaodan_sj .p_biaodan_11{ width: 11.11%; padding: 15px 0px;  font-size: 16px; color: #333;   display: inline-block; float: left; text-align: center;}
.p_biaodan_sj .p_biaodan_12{ width: 12.5%; padding: 15px 0px;  font-size: 16px; color: #333;   display: inline-block; float: left; text-align: center;}
.p_biaodan_sj .p_biaodan_14{ width: 14.2%; padding: 15px 0px;  font-size: 18px; color: #333;   display: inline-block; float: left; text-align: center;}
.p_biaodan_sj:nth-child(2n){  background: #f6f6f6;}

.p_biaodan_sj .p_biaodan_16{ width: 16.666%; padding: 15px 0px;  font-size: 18px; color: #333;   display: inline-block; float: left; text-align: center;}
.p_biaodan_sj:nth-child(2n){  background: #f6f6f6;}


.p_biaodan_sj .p_biaodan_20{ width: 20%; padding: 15px 0px;  font-size: 18px; color: #333;   display: inline-block; float: left; text-align: center;}
.p_biaodan_sj:nth-child(2n){  background: #f6f6f6;}

.p_biaodan_sj .p_biaodan_25{ width: 25%; padding: 15px 0px;  font-size: 18px; color: #333;   display: inline-block; float: left; text-align: center;}
.p_biaodan_sj:nth-child(2n){  background: #f6f6f6;}


.p_biaodan_sj .p_biaodan_30{ width: 33.3333%; padding: 15px 0px;  font-size: 18px; color: #333;   display: inline-block; float: left; text-align: center;}
.p_biaodan_sj:nth-child(2n){ background: #f6f6f6;}

.p_biaodan_sj .p_biaodan_50{ width: 50%; padding: 15px 0px;  font-size: 18px; color: #333;   display: inline-block; float: left; text-align: center;}
.p_biaodan_sj:nth-child(2n){ background: #f6f6f6;}

.p_biaodan_sj .p_biaodan_90{ width: 80%; padding: 15px 0px;  font-size: 18px; color: #333;   display: inline-block; float: left; text-align: center;}


@media (max-width:992px){
	
.pro_info_t{ width: 100%; position: relative; min-height: 500px;}
.pro_infolimg{ position:relative; width: 100%; height: 100%; overflow: hidden; box-shadow:0 0 25px rgba(0,0,0,0.15);}
.pro_infolimg img{width: 100%;}
.pro_infor{ width: 100%; padding: 20px 0px 0px 0px;}

.pro_name{font-size: 0.72rem;line-height: 1.6; color:#0b52b2;padding-bottom:10px; margin-bottom: 10px; border-bottom: 1px solid #ccc;font-weight: bold;overflow: hidden;}
.pro_name span{}
.pro_canshu{font-size: 0.56rem;color:#333;padding: 5px 0 5px;border-bottom: 1px dotted #e1e1e1; }
.pro_canshu span{color:#666;}
	
.pro_canshunone{ display: none;}

.goumai{display: none; padding-top: 10px;padding-bottom: 30px;}
.goumai a{ display: inline-block; text-align: center; background: #ec2731; color: #fff; border: 2px solid #fff; width: 50%;  font-size: 0.56rem; height: 35px; line-height: 31px; border-radius:30px; box-shadow:3px 5px 5px rgba(0,0,0,0.25); margin: 0px 10px;}
.goumai a:hover{background: #b20018; color: #fff;}

	
	
	
.p_info_m{}
.p_info_m_tit{ background: #e6e5e5; width: 100%; margin-top: 10px;}
.p_info_m_tit span{ background: #183e7a; font-size: 0.56rem; color: #fff; display: inline-block; font-weight: bold; padding: 10px 20px;}

.p_info_main{width: 100%; padding: 20px 10px; background: #fff; color: #333; line-height: 1.6;}

.p_info_tit{ font-size: 0.7rem; line-height: 0.8rem; color: #000; border-left: 5px solid #0b52b2; padding-left: 10px; margin-bottom: 20px; font-weight: bold;}

.p_info_li50{width: 100%; padding-bottom: 30px;}
.p_info_li50 .p_info_li50t{ width: 100%; float: left; padding-left: 10px; padding-bottom: 10px; background-image:url(../images/dongshizhang_ch.jpg);background-repeat:no-repeat; background-position:left 8px; background-size:5px; font-size: 0.56rem; }

.p_info_li100{width: 100%; padding-bottom: 30px;}
.p_info_li100 .p_info_li100t{ width: 100%; float: left; padding-left: 10px; padding-bottom: 10px; background-image:url(../images/dongshizhang_ch.jpg);background-repeat:no-repeat; background-position:left 8px; background-size:5px; font-size: 0.56rem; }


.p_biaodan{ width: 100%; margin-bottom: 20px;}
.p_biaodan_t{ padding: 10px 0px; background: #6592ce;}
.p_biaodan_t .p_biaodan_11{ width: 11.1%; font-size: 0.56rem; color: #fff; font-weight: bold; display: inline-block; float: left; text-align: center;}	
	.p_biaodan_t .p_biaodan_12{ width: 12.5%; font-size: 0.56rem; color: #fff; font-weight: bold; display: inline-block; float: left; text-align: center;}	
.p_biaodan_t .p_biaodan_14{ width: 14.2%; font-size: 0.56rem; color: #fff; font-weight: bold; display: inline-block; float: left; text-align: center;}	
.p_biaodan_t .p_biaodan_16{ width: 16.666%; font-size: 0.56rem; color: #fff; font-weight: bold; display: inline-block; float: left; text-align: center;}
.p_biaodan_t .p_biaodan_20{ width: 20%; font-size: 0.56rem; color: #fff; font-weight: bold; display: inline-block; float: left; text-align: center;}
.p_biaodan_t .p_biaodan_25{ width: 25%; font-size: 0.56rem; color: #fff; font-weight: bold; display: inline-block; float: left; text-align: center;}
.p_biaodan_t .p_biaodan_30{ width: 33.3333%; font-size: 0.56rem; color: #fff; font-weight: bold; display: inline-block; float: left; text-align: center;}
.p_biaodan_t .p_biaodan_50{ width: 50%; font-size: 0.56rem; color: #fff; font-weight: bold; display: inline-block; float: left; text-align: center;}
.p_biaodan_t .p_biaodan_90{ width: 80%; font-size: 0.56rem; color: #fff; font-weight: bold; display: inline-block; float: left; text-align: center;}



.p_biaodan_sj{ background: #fff;}
	.p_biaodan_sj .p_biaodan_11{ width: 11.11%; padding: 15px 0px;  font-size: 0.4rem; color: #333;   display: inline-block; float: left; text-align: center;}
	.p_biaodan_sj .p_biaodan_12{ width: 12.5%; padding: 15px 0px;  font-size: 0.4rem; color: #333;   display: inline-block; float: left; text-align: center;}
.p_biaodan_sj .p_biaodan_14{ width: 14.2%; padding: 15px 0px;  font-size: 0.4rem; color: #333;   display: inline-block; float: left; text-align: center;}
.p_biaodan_sj:nth-child(2n){  background: #f6f6f6;}
	
.p_biaodan_sj .p_biaodan_16{ width: 16.666%; padding: 15px 0px;  font-size: 0.4rem; color: #333;   display: inline-block; float: left; text-align: center;}
.p_biaodan_sj:nth-child(2n){  background: #f6f6f6;}
	
.p_biaodan_sj .p_biaodan_20{ width: 20%; padding: 15px 0px;  font-size: 0.4rem; color: #333;   display: inline-block; float: left; text-align: center;}
.p_biaodan_sj:nth-child(2n){  background: #f6f6f6;}
	
.p_biaodan_sj .p_biaodan_25{ width: 25%; padding: 15px 0px;  font-size: 0.4rem; color: #333;   display: inline-block; float: left; text-align: center;}
.p_biaodan_sj:nth-child(2n){  background: #f6f6f6;}



.p_biaodan_sj .p_biaodan_30{ width: 33.3333%; padding: 15px 0px;  font-size: 0.4rem; color: #333;   display: inline-block; float: left; text-align: center;}
.p_biaodan_sj:nth-child(2n){ background: #f6f6f6;}

.p_biaodan_sj .p_biaodan_50{ width: 50%; padding: 15px 0px;  font-size: 0.4rem; color: #333;   display: inline-block; float: left; text-align: center;}
.p_biaodan_sj:nth-child(2n){ background: #f6f6f6;}
	
	.p_biaodan_sj .p_biaodan_90{ width: 80%; padding: 15px 0px;  font-size: 0.4rem; color: #333;   display: inline-block; float: left; text-align: center;}

}





.xiaotu{padding: 0px 0px 0px 0px; margin-bottom: 30px; text-align: center;}

.xiaoti_img{ width: 300px; margin-right: 10px; height: auto;  display: inline-block;}
.xiaoti_name{ display: block; background: #f6f6f6; color: #000; text-align: center; padding: 10px 0px;}


@media (max-width:992px){

.xiaotu{padding: 0px 0px 0px 0px; margin-bottom: 20px;}

.xiaoti_img{ width: 49%; margin-right: 1%; height:auto; display: inline-block; float: left;}
.xiaoti_name{ display: block; background: #f6f6f6; color: #000; text-align: center; padding: 5px 0px;}

}






/*在线客服*/
.zxkf{position:fixed;width:78px;right:0;top:50%;margin-top:-250px;z-index:100; background:#fff;border-bottom:0;color:#333; }
.zxkf ul li{width:78px;height:78px;float:left;position:relative; border-bottom: 1px solid #ccc;color:#333;line-height:20px;text-align:center;transition:all .3s;cursor:pointer}

.zxkf ul li:last-child{border: 0px;}

.zxkf ul li a{color: #333;font-size:13px;}
.zxkf ul li:hover{background:#0b52b2;color:#fff;}
.zxkf ul li:hover a{color:#fff}

.zxkf ul li i{height:40px; width: 40px; margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center top; margin:5px auto 0px auto;transition:all .3s}

.zxkf ul li i.bgs1{background-image:url(../images/i1.png);background-position:center top;}
.zxkf ul li i.bgs2{background-image:url(../images/i2.png);background-position:center top;}
.zxkf ul li i.bgs3{background-image:url(../images/i3.png);background-position:center top;}
.zxkf ul li i.bgs4{background-image:url(../images/i4.png);background-position:center top;}
.zxkf ul li i.bgs5{background-image:url(../images/i5.png);background-position:center top;}
.zxkf ul li i.bgs7{background-image:url(../images/i6.png);background-position:center top;}

.zxkf ul li:hover i{background-position:center bottom;}

.zxkf ul li i.bgs6{background-image:url(../images/kefu/right_pic6_on.png)}
.zxkf ul li.zxkftop{background:#0b52b2;color:#fff}
.zxkf ul li.zxkftop:hover{ background: #0b52b2;}

.zxkf ul li.zxkfewm .ewBox{width:155px; height: 155px; display:none; text-align:center;position:absolute;left:-158px;top:0;border:1px solid #e0e0e0}
.zxkf ul li.zxkfewm .ewBox img{width: 100%;}

.zxkf ul li:hover .ewBox{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}
.zxkf ul li:hover .telBox{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}
@media (max-width: 992px) {
.zxkf{display: none;}	
}

@media (max-width:1440px){
.zxkf{position:fixed;width:58px;right:0;top:50%;margin-top:-200px;z-index:100; background:#fff;border-bottom:0;color:#333; }
.zxkf ul li{width:58px;height:58px;float:left;position:relative; color:#333;font-size: 12px;line-height:20px;text-align:center;transition:all .3s;cursor:pointer}
.zxkf ul li a{color: #333; font-size: 12px;}
	
.zxkf ul li i{height:30px; width: 30px; margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center top; margin:5px auto 0px auto;transition:all .3s; background-size: 30px 60px;}
	
}
/*在线客服*/


.phone_bottom{ display: none;}

@media (max-width:1023px) { 
/*底部漂浮*/
.phone_bottom{ width:100%; float:left; position:fixed; left:0; bottom:0; background:rgba(255,255,255,0.95);  height:47px; z-index:99; display: block; border-top: 1px solid #0b52b2;}
.phone_bottom li{ width:25%; float:left; text-align:center; padding:3px 0 2px 0; position:relative;}
.phone_bottom li .ico{ width:100%; float:left; height:20px; margin-bottom: 3px;}
.phone_bottom li .ico img{ height:20px;}
.phone_bottom li .name{ width:100%; float:left; margin-top:0px; font-size:0.48rem; color:#1f1e1e; line-height:1;font-weight:bold;}
.phone_bottom li.l1 a{ display:inline-block; *zoom:1; *display:inline; width:56px; height:56px; background:rgba(255,255,255,0.8); border:solid 2px #d32329; margin-top:-20px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
}